:root{--roxo: #7c3aed;--roxo-2: #6d28d9;--roxo-claro: #f3efff;--fundo: #f6f7fb;--painel: #ffffff;--borda: #e6e8f0;--texto: #1d2033;--suave: #6b7085;--verde: #16a34a;--amarelo: #d97706;--vermelho: #dc2626;--sombra: 0 1px 2px rgba(20, 20, 50, .06), 0 4px 16px rgba(20, 20, 50, .05);--raio: 12px;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px;color:var(--texto);background:var(--fundo);-webkit-font-smoothing:antialiased}a{color:var(--roxo)}h1{font-size:22px;margin:0;letter-spacing:-.01em}h2{font-size:16px;margin:0 0 12px}h3{font-size:14px;margin:0 0 8px}.suave{color:var(--suave)}.pequeno{font-size:12px}.linha{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.entre{justify-content:space-between}.grade{display:grid;gap:12px}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width: 900px){.g3,.g4{grid-template-columns:repeat(2,minmax(0,1fr))}}.lado{grid-template-columns:minmax(0,1fr) 260px;align-items:start}@media (max-width: 900px){.lado{grid-template-columns:1fr}}@media (max-width: 560px){.g2,.g3,.g4{grid-template-columns:1fr}}.app{display:flex;height:100%}.lateral{width:220px;flex-shrink:0;background:#17142b;color:#cfcbe6;display:flex;flex-direction:column;padding:16px 10px}.marca{display:flex;align-items:center;gap:10px;padding:4px 8px 18px;color:#fff;font-weight:700;font-size:16px}.marca i{width:30px;height:30px;border-radius:8px;background:var(--roxo);display:grid;place-items:center;font-style:normal}.lateral a{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;color:inherit;text-decoration:none;font-weight:500;margin-bottom:2px}.lateral a:hover{background:#ffffff0f;color:#fff}.lateral a.active{background:var(--roxo);color:#fff}.lateral .rodape{margin-top:auto;font-size:12px;padding:8px;border-top:1px solid rgba(255,255,255,.08)}.lateral .rodape button{background:none;border:0;color:#a7a2c9;padding:0;cursor:pointer;font:inherit;text-decoration:underline}.conteudo{flex:1;min-width:0;overflow:auto}.pagina{padding:22px 26px;max-width:1400px}.cabecalho{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;flex-wrap:wrap}.topo-mobile{display:none}@media (max-width: 800px){.app{flex-direction:column}.lateral{display:none}.lateral.aberta{display:flex;position:fixed;top:0;right:30%;bottom:0;left:0;z-index:50}.topo-mobile{display:flex;align-items:center;gap:10px;padding:10px 16px;background:#17142b;color:#fff;font-weight:700}.topo-mobile button{background:none;border:0;color:#fff;font-size:22px}.pagina{padding:16px}}.card{background:var(--painel);border:1px solid var(--borda);border-radius:var(--raio);padding:16px;box-shadow:var(--sombra)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--borda);background:#fff;color:var(--texto);padding:8px 14px;border-radius:9px;font:inherit;font-weight:600;cursor:pointer;text-decoration:none;white-space:nowrap}.btn:hover{border-color:#cfd2e0;background:#fafafe}.btn:disabled{opacity:.55;cursor:default}.btn.prim{background:var(--roxo);border-color:var(--roxo);color:#fff}.btn.prim:hover{background:var(--roxo-2)}.btn.verde{background:var(--verde);border-color:var(--verde);color:#fff}.btn.perigo{color:var(--vermelho)}.btn.peq{padding:5px 10px;font-size:12px}.btn.ghost{border-color:transparent;background:transparent}label.campo{display:flex;flex-direction:column;gap:5px;font-weight:500;font-size:13px}input,select,textarea{font:inherit;color:inherit;border:1px solid var(--borda);border-radius:9px;padding:9px 11px;background:#fff;width:100%}input:focus,select:focus,textarea:focus{outline:2px solid #ddd0ff;border-color:var(--roxo)}textarea{resize:vertical;min-height:80px}input[type=checkbox]{width:auto;accent-color:var(--roxo)}input[type=color]{padding:2px;height:38px;width:52px}.chave{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-weight:500;-webkit-user-select:none;user-select:none}.chave input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:36px;height:20px;border-radius:20px;background:#d4d6e2;position:relative;padding:0;border:0;cursor:pointer;transition:.15s}.chave input:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:.15s}.chave input:checked{background:var(--verde)}.chave input:checked:after{left:18px}.selo{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:99px;font-size:11px;font-weight:600;background:#eef0f6;color:var(--suave);white-space:nowrap}.selo.verde{background:#dcfce7;color:#166534}.selo.amarelo{background:#fef3c7;color:#92400e}.selo.vermelho{background:#fee2e2;color:#991b1b}.selo.roxo{background:var(--roxo-claro);color:var(--roxo-2)}.aviso{padding:10px 12px;border-radius:9px;background:#fef3c7;color:#78350f;font-size:13px}.erro{padding:10px 12px;border-radius:9px;background:#fee2e2;color:#991b1b;font-size:13px}.ok{padding:10px 12px;border-radius:9px;background:#dcfce7;color:#14532d;font-size:13px}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:12px;color:var(--suave);font-weight:600;padding:8px 10px;border-bottom:1px solid var(--borda)}td{padding:10px;border-bottom:1px solid var(--borda);vertical-align:middle}tr.clicavel{cursor:pointer}tr.clicavel:hover td{background:#fafaff}.tabela-rolagem{overflow-x:auto}.abas{display:flex;gap:4px;border-bottom:1px solid var(--borda);margin-bottom:18px;overflow-x:auto}.abas button{background:none;border:0;padding:10px 14px;font:inherit;font-weight:600;color:var(--suave);cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap}.abas button.ativa{color:var(--roxo);border-bottom-color:var(--roxo)}.vazio{text-align:center;padding:40px 16px;color:var(--suave)}code.copiar{display:block;padding:8px 10px;background:#f3f4f8;border-radius:8px;font-size:12px;word-break:break-all;cursor:pointer}.fundo-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f0c2373;display:flex;justify-content:flex-end;z-index:100}.modal{background:var(--fundo);width:min(720px,100%);height:100%;overflow:auto;box-shadow:-10px 0 40px #00000026}.modal.centro{margin:auto;height:auto;max-height:92vh;border-radius:14px;width:min(560px,94%)}.modal-topo{position:sticky;top:0;background:var(--painel);border-bottom:1px solid var(--borda);padding:14px 18px;display:flex;justify-content:space-between;align-items:center;gap:10px;z-index:2}.modal-corpo{padding:18px;display:grid;gap:14px}.kanban{display:flex;gap:12px;overflow-x:auto;padding-bottom:12px;align-items:flex-start;min-height:calc(100vh - 150px)}.coluna{width:290px;flex-shrink:0;background:#eceef5;border-radius:var(--raio);display:flex;flex-direction:column;max-height:calc(100vh - 150px)}.coluna.alvo{background:#e3dcff;outline:2px dashed var(--roxo)}.coluna-topo{padding:12px 12px 8px;display:flex;align-items:center;gap:8px;font-weight:700}.coluna-topo .bolinha{width:10px;height:10px;border-radius:50%}.coluna-topo .soma{margin-left:auto;font-size:12px;color:var(--suave);font-weight:600}.coluna-cards{padding:4px 8px 10px;overflow-y:auto;display:grid;gap:8px;align-content:start;min-height:60px}.cartao{background:#fff;border-radius:10px;padding:10px 12px;box-shadow:0 1px 2px #00000012;cursor:grab;border-left:4px solid var(--cor, #ccc);display:grid;gap:6px}.cartao:hover{box-shadow:0 3px 12px #0000001a}.cartao.arrastando{opacity:.4}.cartao .nome{font-weight:600}.cartao .itens{font-size:12px;color:var(--suave);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tempo{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;padding:2px 7px;border-radius:6px;background:#dcfce7;color:#166534}.tempo.atencao{background:#fef3c7;color:#92400e}.tempo.atrasado{background:#fee2e2;color:#991b1b}.kpi{display:grid;gap:4px}.kpi .rotulo{font-size:12px;color:var(--suave);font-weight:600}.kpi .valor{font-size:24px;font-weight:700;letter-spacing:-.02em}.barras{display:flex;align-items:flex-end;gap:6px;height:200px;padding-top:10px}.barras .col{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;height:100%;justify-content:flex-end;min-width:0}.barras .par{display:flex;gap:2px;align-items:flex-end;width:100%;justify-content:center;flex:1}.barras .b{width:42%;max-width:22px;border-radius:4px 4px 0 0;min-height:2px}.barras .mes{font-size:11px;color:var(--suave)}.legenda{display:flex;gap:14px;font-size:12px;color:var(--suave)}.legenda i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px;vertical-align:-1px}.ranking{display:grid;gap:10px}.ranking .item{display:grid;gap:4px}.ranking .trilho{height:8px;border-radius:4px;background:#eef0f6;overflow:hidden}.ranking .trilho div{height:100%;border-radius:4px;background:var(--roxo)}.publico{min-height:100%;background:#fff}.publico-topo{padding:28px 16px 22px;color:#fff;text-align:center}.publico-topo img{width:72px;height:72px;border-radius:50%;object-fit:cover;background:#fff;margin-bottom:8px}.publico-corpo{max-width:960px;margin:0 auto;padding:16px 16px 120px}.produtos{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:12px}.produto{border:1px solid var(--borda);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;background:#fff}.produto .foto{aspect-ratio:4/3;background:#f1f0f7 center/cover no-repeat;display:grid;place-items:center;font-size:34px}.produto .info{padding:10px 12px;display:grid;gap:4px;flex:1;align-content:start}.produto .preco{font-weight:700;font-size:16px}.qtd{display:inline-flex;align-items:center;border:1px solid var(--borda);border-radius:9px;overflow:hidden}.qtd button{border:0;background:#f6f6fb;width:32px;height:32px;font-size:16px;cursor:pointer}.qtd span{min-width:30px;text-align:center;font-weight:600}.carrinho-barra{position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid var(--borda);padding:12px 16px;box-shadow:0 -4px 20px #0000000f;z-index:10}.carrinho-barra>div{max-width:960px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:12px}.opcao-tipo{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.opcao-tipo button{padding:14px;border-radius:12px;border:2px solid var(--borda);background:#fff;font:inherit;cursor:pointer;text-align:left}.opcao-tipo button.sel{border-color:var(--cor-empresa, var(--roxo));background:var(--roxo-claro)}.opcao-tipo b{display:block;font-size:15px;margin-bottom:2px}.entrada{min-height:100%;display:grid;place-items:center;padding:16px;background:radial-gradient(circle at 20% 10%,#ede7ff,transparent 50%),var(--fundo)}.entrada .card{width:min(400px,100%);padding:28px}