.app{background:var(--fundo);flex-direction:column;min-height:100dvh;display:flex}.cabecalho{align-items:center;gap:var(--esp-3);padding:var(--esp-3) var(--esp-4);border-bottom:1px solid var(--borda);background:var(--superficie);z-index:30;display:flex;position:sticky;top:0}.marca{letter-spacing:-.01em;color:var(--texto);font-weight:700}.usuario{align-items:center;gap:var(--esp-2);min-width:0;margin-left:auto;display:flex}.usuario .nome{color:var(--texto-suave);text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;display:none;overflow:hidden}.corpo{flex:1;min-height:0;display:flex}.barra-lateral{z-index:25;width:240px;padding:var(--esp-4) var(--esp-3);background:var(--barra-lateral);border-right:1px solid var(--borda);transition:transform var(--transicao);position:fixed;inset:61px auto 0 0;transform:translate(-100%)}.barra-lateral.aberta{transform:translate(0)}.barra-lateral ul{gap:var(--esp-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.barra-lateral a{align-items:center;gap:var(--esp-3);min-height:44px;padding:0 var(--esp-3);border-radius:var(--raio-p);color:var(--texto-suave);transition:background var(--transicao), color var(--transicao);font-size:.9375rem;text-decoration:none;display:flex}.barra-lateral a:hover{background:var(--superficie-2);color:var(--texto)}.barra-lateral a.ativo{background:var(--primaria-suave);color:var(--primaria);font-weight:600}.veu{z-index:20;background:#02061780;position:fixed;inset:0}.conteudo{min-width:0;padding:var(--esp-4);gap:var(--esp-4);flex-direction:column;flex:1;display:flex}.cabecalho-pagina{gap:var(--esp-3);flex-direction:column;display:flex}.cabecalho-pagina h1{letter-spacing:-.02em;margin:0;font-size:1.375rem}.subtitulo{margin:var(--esp-1) 0 0;color:var(--texto-suave);font-size:.875rem}.seletores{gap:var(--esp-3);flex-wrap:wrap;display:flex}.filtro-periodo{gap:var(--esp-3);padding:var(--esp-3);background:var(--superficie);border:1px solid var(--borda);border-radius:var(--raio-m);flex-direction:column;display:flex}.atalhos{gap:var(--esp-2);flex-wrap:wrap;display:flex}.chip{min-height:36px;padding:0 var(--esp-3);border:1px solid var(--borda);color:var(--texto-suave);cursor:pointer;transition:all var(--transicao);background:0 0;border-radius:999px;font-size:.875rem;font-weight:500}.chip:hover{border-color:var(--primaria);color:var(--primaria)}.chip.ativo{background:var(--primaria);border-color:var(--primaria);color:#fff}.datas{gap:var(--esp-3);flex-wrap:wrap;display:flex}.datas label{flex:1;min-width:140px}.grade-kpis{gap:var(--esp-3);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.kpi{gap:var(--esp-2);padding:var(--esp-4);background:var(--superficie);border:1px solid var(--borda);border-radius:var(--raio-m);box-shadow:var(--sombra);flex-direction:column;min-height:132px;display:flex}.kpi header{align-items:center;gap:var(--esp-2);display:flex}.kpi-icone{border-radius:var(--raio-p);background:var(--primaria-suave);place-items:center;width:28px;height:28px;font-size:.875rem;display:grid}.kpi h3{color:var(--texto-suave);text-transform:uppercase;letter-spacing:.04em;margin:0;font-size:.8125rem;font-weight:500}.kpi-valor{letter-spacing:-.02em;color:var(--texto);overflow-wrap:anywhere;font-size:1.5rem;font-weight:700}.kpi footer{justify-content:space-between;align-items:flex-end;gap:var(--esp-2);flex-wrap:wrap;margin-top:auto;display:flex}.kpi-variacao{align-items:center;gap:var(--esp-1);color:var(--texto-suave);white-space:nowrap;font-size:.8125rem;font-weight:600;display:inline-flex}.kpi-variacao.boa{color:var(--sucesso)}.kpi-variacao.ruim{color:var(--erro)}.kpi-comparativo{color:var(--texto-suave);font-weight:400;display:none}.sparkline{flex-shrink:0;width:72px;height:26px}.sparkline polyline{fill:none;stroke:var(--primaria);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.grade-widgets{gap:var(--esp-4);grid-template-columns:1fr;display:grid}.cartao-widget{padding:var(--esp-4);background:var(--superficie);border:1px solid var(--borda);border-radius:var(--raio-m);box-shadow:var(--sombra);min-width:0}.cartao-widget h2{margin:0 0 var(--esp-4);font-size:1rem;font-weight:600}.legenda-item{color:var(--texto-suave);font-size:.8125rem}.dica{padding:var(--esp-3);background:var(--superficie);border:1px solid var(--borda);border-radius:var(--raio-p);box-shadow:var(--sombra-alta);font-size:.8125rem}.dica strong{margin-bottom:var(--esp-2);color:var(--texto);display:block}.dica dl{gap:var(--esp-1);margin:0;display:grid}.dica dl>div{justify-content:space-between;gap:var(--esp-4);display:flex}.dica dt{color:var(--texto-suave)}.dica dd{color:var(--texto);margin:0;font-weight:600}.esqueleto{background:linear-gradient(90deg, var(--superficie-2) 25%, var(--borda) 50%, var(--superficie-2) 75%);border-radius:var(--raio-p);background-size:200% 100%;animation:1.4s ease-in-out infinite brilho}.esqueleto-linha{width:60%;height:14px}.esqueleto-valor{width:80%;height:28px}@keyframes brilho{to{background-position:-200% 0}}.vazio{padding:var(--esp-6) var(--esp-4);text-align:center;color:var(--texto-suave);font-size:.875rem}.vazio.destaque{background:var(--alerta-fundo);border-radius:var(--raio-m);padding:var(--esp-4)}.erro{padding:var(--esp-3) var(--esp-4);border-radius:var(--raio-p);background:var(--erro-fundo);color:var(--erro);margin:0;font-size:.875rem}.selo{padding:2px var(--esp-2);white-space:nowrap;border-radius:999px;font-size:.75rem;font-weight:600;display:inline-block}.selo-ok{background:var(--sucesso-fundo);color:var(--sucesso)}.selo-atencao{background:var(--alerta-fundo);color:var(--alerta)}.selo-parada,.selo-nunca{background:var(--erro-fundo);color:var(--erro)}.erro-da-loja{margin:var(--esp-1) 0 0;max-width:42ch;color:var(--erro);white-space:normal;font-size:.75rem}.etiqueta-inativa{margin-left:var(--esp-2);padding:1px var(--esp-2);background:var(--superficie-2);color:var(--texto-suave);border-radius:999px;font-size:.6875rem}.sem-agente{color:var(--texto-suave);font-size:.8125rem;font-style:italic}.grupo-menu{margin:var(--esp-4) var(--esp-3) var(--esp-2);letter-spacing:.06em;text-transform:uppercase;color:var(--texto-suave);font-size:.6875rem;font-weight:600}.trilha{gap:var(--esp-2);counter-reset:passo;flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.trilha li{align-items:center;gap:var(--esp-2);padding:var(--esp-2) var(--esp-3);background:var(--superficie-2);color:var(--texto-suave);border-radius:999px;font-size:.8125rem;font-weight:500;display:flex}.trilha li:before{counter-increment:passo;content:counter(passo);background:var(--borda);width:20px;height:20px;color:var(--texto);border-radius:999px;place-items:center;font-size:.6875rem;font-weight:700;display:grid}.trilha li.atual{background:var(--primaria-suave);color:var(--primaria)}.trilha li.atual:before{background:var(--primaria);color:#fff}.trilha li.feito:before{content:"✓";background:var(--sucesso);color:#fff}.campo{gap:var(--esp-2);margin-bottom:var(--esp-4);flex-direction:column;display:flex}.campo label{color:var(--texto-suave);font-size:.875rem;font-weight:500}.linha-campo{gap:var(--esp-2);flex-wrap:wrap;display:flex}.linha-campo input,.linha-campo select{flex:1;min-width:200px}.codigo-ativacao{margin:0 0 var(--esp-4);padding:var(--esp-5) var(--esp-4);border:1px dashed var(--primaria);border-radius:var(--raio-m);background:var(--primaria-suave);color:var(--primaria);letter-spacing:.18em;text-align:center;-webkit-user-select:all;user-select:all;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:clamp(1.5rem,6vw,2.25rem);font-weight:700}.avisos{margin:var(--esp-4) 0;padding-left:var(--esp-4);color:var(--texto-suave);font-size:.875rem}.avisos li+li{margin-top:var(--esp-2)}.comando{padding:var(--esp-3);border:1px solid var(--borda);border-radius:var(--raio-p);background:var(--superficie-2);color:var(--texto);margin:0;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:.8125rem;overflow-x:auto}.barra-recorte{align-items:center;gap:var(--esp-3);flex-wrap:wrap;display:flex}.chip-recorte{align-items:center;gap:var(--esp-2);padding:var(--esp-1) var(--esp-1) var(--esp-1) var(--esp-3);background:var(--primaria-suave);color:var(--primaria);border-radius:999px;font-size:.875rem;font-weight:600;display:inline-flex}.chip-recorte .chip-remover{width:28px;min-height:28px;color:inherit;border-radius:999px;font-size:1.125rem;line-height:1}.botao-secundario{min-height:36px;padding:0 var(--esp-3);border:1px solid var(--borda);border-radius:var(--raio-p);color:var(--texto-suave);white-space:nowrap;transition:background var(--transicao), color var(--transicao);align-items:center;font-size:.875rem;font-weight:500;text-decoration:none;display:inline-flex}.botao-secundario:hover{background:var(--superficie-2);color:var(--texto)}.acoes-pagina{align-items:center;gap:var(--esp-2);flex-wrap:wrap;display:flex}.rolagem-tabela{margin:0 calc(var(--esp-4) * -1);padding:0 var(--esp-4);overflow-x:auto}.tabela-vendas{border-collapse:collapse;white-space:nowrap;width:100%;font-size:.875rem}.tabela-vendas th{text-align:left;padding:var(--esp-2) var(--esp-3);border-bottom:1px solid var(--borda);color:var(--texto-suave);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:600}.tabela-vendas td{padding:var(--esp-3);border-bottom:1px solid var(--borda);color:var(--texto)}.tabela-vendas tbody tr:last-child td{border-bottom:none}.tabela-vendas tbody tr:hover td{background:var(--superficie-2)}.tabela-vendas .numero{text-align:right;font-variant-numeric:tabular-nums}.paginacao{justify-content:space-between;align-items:center;gap:var(--esp-3);padding-top:var(--esp-4);color:var(--texto-suave);font-size:.875rem;display:flex}.limite-erro{align-items:flex-start;gap:var(--esp-3);padding:var(--esp-5) var(--esp-4);border:1px solid var(--borda);border-radius:var(--raio-m);background:var(--erro-fundo);flex-direction:column;align-self:flex-start;display:flex}.limite-erro.compacto{padding:var(--esp-4) var(--esp-3);background:0 0;border:none}.limite-erro-titulo{color:var(--erro);margin:0;font-size:.9375rem;font-weight:600}.limite-erro-detalhe{color:var(--texto-suave);overflow-wrap:anywhere;margin:0;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:.8125rem}.aviso-offline{padding:var(--esp-2) var(--esp-4);text-align:center;background:var(--alerta-fundo);color:var(--alerta);font-size:.875rem}.login{min-height:100dvh;padding:var(--esp-4);background:var(--fundo);place-items:center;display:grid}.cartao{gap:var(--esp-2);width:100%;max-width:380px;padding:var(--esp-6);border:1px solid var(--borda);border-radius:var(--raio-g);background:var(--superficie);box-shadow:var(--sombra-alta);flex-direction:column;display:flex}.cartao h1{letter-spacing:-.02em;margin:0;font-size:1.5rem}.cartao .subtitulo{margin:0 0 var(--esp-3)}label{gap:var(--esp-1);color:var(--texto-suave);flex-direction:column;font-size:.8125rem;font-weight:500;display:flex}input,select{min-height:42px;padding:0 var(--esp-3);border:1px solid var(--borda);border-radius:var(--raio-p);background:var(--fundo);color:var(--texto);transition:border-color var(--transicao);font-size:16px}input:hover,select:hover{border-color:var(--primaria)}input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--primaria);outline-offset:2px}button{min-height:44px;padding:0 var(--esp-4);border-radius:var(--raio-p);background:var(--primaria);color:#fff;cursor:pointer;transition:opacity var(--transicao);border:none;font-size:.9375rem;font-weight:600}button:hover{opacity:.9}button:disabled{opacity:.6;cursor:progress}button.secundario{color:var(--texto-suave);border:1px solid var(--borda);min-height:36px;padding:0 var(--esp-3);background:0 0;font-size:.875rem;font-weight:500}button.icone{color:var(--texto);background:0 0;border:1px solid #0000;width:40px;min-height:40px;padding:0;font-size:1.125rem}button.icone:hover{background:var(--superficie-2)}@media (width>=768px){.cabecalho{padding:var(--esp-3) var(--esp-5)}.usuario .nome{display:inline}.so-mobile{display:none}.barra-lateral{flex-shrink:0;height:calc(100dvh - 61px);position:sticky;inset:61px auto auto;transform:none}.veu{display:none}.conteudo{padding:var(--esp-5)}.cabecalho-pagina{flex-direction:row;justify-content:space-between;align-items:flex-start}.filtro-periodo{flex-direction:row;justify-content:space-between;align-items:flex-end}.kpi-comparativo{display:inline}.grade-widgets{grid-template-columns:repeat(2,minmax(0,1fr))}.cartao-widget.largo{grid-column:1/-1}}@media (width>=1280px){.conteudo{padding:var(--esp-5) var(--esp-6)}}:root,:root[data-tema=claro]{--fundo:#f8fafc;--superficie:#fff;--superficie-2:#f1f5f9;--barra-lateral:#fff;--texto:#0f172a;--texto-suave:#64748b;--borda:#e2e8f0;--primaria:#2563eb;--primaria-suave:#2563eb1a;--sucesso:#16a34a;--alerta:#f59e0b;--erro:#dc2626;--erro-fundo:#fef2f2;--alerta-fundo:#fffbeb;--sucesso-fundo:#f0fdf4;--serie-1:#2563eb;--serie-2:#0891b2;--serie-3:#7c3aed;--serie-4:#db2777;--serie-5:#ea580c;--serie-6:#16a34a;--serie-7:#ca8a04;--serie-8:#475569;--sombra:0 1px 2px #0f172a0a, 0 1px 3px #0f172a0f;--sombra-alta:0 4px 6px -1px #0f172a12, 0 2px 4px -2px #0f172a0d;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-tema=escuro]{--fundo:#020617;--superficie:#0f172a;--superficie-2:#1e293b;--barra-lateral:#111827;--texto:#f8fafc;--texto-suave:#cbd5e1;--borda:#1e293b;--primaria:#3b82f6;--primaria-suave:#3b82f629;--sucesso:#22c55e;--alerta:#fbbf24;--erro:#ef4444;--erro-fundo:#ef44441f;--alerta-fundo:#fbbf241f;--sucesso-fundo:#22c55e1f;--serie-1:#60a5fa;--serie-2:#22d3ee;--serie-3:#a78bfa;--serie-4:#f472b6;--serie-5:#fb923c;--serie-6:#4ade80;--serie-7:#fcd34d;--serie-8:#94a3b8;--sombra:0 1px 2px #0006;--sombra-alta:0 4px 12px #00000080;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root{--raio-p:8px;--raio-m:12px;--raio-g:16px;--esp-1:4px;--esp-2:8px;--esp-3:12px;--esp-4:16px;--esp-5:24px;--esp-6:32px;--transicao:.2s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box}:root{color:var(--texto);background:var(--fundo);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font:16px/1.5 Inter,system-ui,Segoe UI,Roboto,sans-serif}body{background:var(--fundo);color:var(--texto);margin:0}h1,h2,h3{color:var(--texto);font-weight:600;line-height:1.25}p{margin:0}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}