:root{--azul-escuro: #1a365d;--azul: #2b6cb0;--azul-medio: #2c5282;--azul-claro: #4299e1;--fundo: #f5f7fa;--superficie: #ffffff;--borda: #e2e8f0;--linha: #e2e8f0;--texto: #2d3748;--suave: #718096;--verde: #2f855a;--vermelho: #cb2431;--ambar: #d69e2e;--acento: #2b6cb0;--acento-texto: #ffffff;--sombra: 0 1px 3px rgba(0, 0, 0, .08);--sat-mes: 62%;--luz-mes: 42%;--mistura-mes: 16%;--sat-serie: 68%;--luz-serie: 40%;color-scheme:light}:root[data-tema=escuro]{--azul-escuro: #091540;--azul: #1B2CC1;--azul-medio: #1B2CC1;--azul-claro: #718cf5;--fundo: #091540;--superficie: #101b52;--borda: #263573;--linha: #263573;--texto: #e8edff;--suave: #9aa8d8;--verde: #48bb78;--vermelho: #fc8181;--ambar: #f6ad55;--acento: #ABD2FA;--acento-texto: #091540;--sombra: 0 1px 3px rgba(0, 0, 0, .4);--sat-mes: 70%;--luz-mes: 70%;--mistura-mes: 24%;--sat-serie: 72%;--luz-serie: 68%;color-scheme:dark}*{box-sizing:border-box}body{margin:0;font:14px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;background:var(--fundo);color:var(--texto)}.topo{display:flex;align-items:center;gap:16px;padding:10px 20px;background:linear-gradient(135deg,var(--azul-escuro),var(--azul));color:#fff}.topo h1{font-size:17px;margin:0;font-weight:600;letter-spacing:.2px}.topo .crescer{flex:1}.topo .quem{font-size:12px;opacity:.85;text-align:right;line-height:1.3}.topo button{background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.25);padding:6px 12px;border-radius:6px;cursor:pointer;font-size:13px}.topo button:hover{background:#ffffff40}.abas{display:flex;gap:8px;flex-wrap:wrap;padding:12px 20px;background:var(--superficie);border-bottom:1px solid var(--borda);position:sticky;top:0;z-index:10}.aba{border:1px solid var(--borda);background:transparent;color:var(--texto);padding:7px 16px;border-radius:999px;cursor:pointer;font-size:13px;font-weight:500}.aba:hover{border-color:var(--azul-claro)}.aba.ativa{background:var(--acento);color:var(--acento-texto);border-color:var(--acento)}.conteudo{padding:20px;max-width:1400px;margin:0 auto}.cartao{background:var(--superficie);border:1px solid var(--borda);border-radius:10px;padding:18px;box-shadow:var(--sombra);margin-bottom:16px}.cartao h2{margin:0 0 4px;font-size:15px;font-weight:600}.cartao .legenda{color:var(--suave);font-size:12px;margin:0 0 14px}.linha{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end}.campo{display:flex;flex-direction:column;gap:4px}.campo label{font-size:12px;color:var(--suave);font-weight:500}.campo input,.campo select,.campo textarea{font:inherit;padding:8px 10px;border-radius:6px;border:1px solid var(--borda);background:var(--superficie);color:var(--texto);min-width:160px}.campo textarea{min-height:84px;resize:vertical;min-width:320px}.campo input:focus,.campo select:focus,.campo textarea:focus{outline:2px solid var(--azul-claro);outline-offset:-1px;border-color:var(--azul-claro)}.campo.largo input,.campo.largo textarea{min-width:420px}button.principal{font:inherit;font-weight:600;padding:9px 18px;border-radius:6px;border:1px solid var(--azul);background:var(--azul);color:#fff;cursor:pointer}button.principal:hover:not(:disabled){background:var(--azul-medio)}button.principal:disabled{opacity:.5;cursor:not-allowed}button.secundaria{font:inherit;padding:8px 14px;border-radius:6px;border:1px solid var(--borda);background:transparent;color:var(--texto);cursor:pointer}button.secundaria:hover{border-color:var(--azul-claro)}.aviso{padding:10px 14px;border-radius:8px;font-size:13px;margin:0 0 14px;border:1px solid transparent}.aviso.erro{background:color-mix(in srgb,var(--vermelho) 12%,transparent);border-color:var(--vermelho)}.aviso.ok{background:color-mix(in srgb,var(--verde) 12%,transparent);border-color:var(--verde)}.aviso.atencao{background:color-mix(in srgb,var(--ambar) 15%,transparent);border-color:var(--ambar)}.aviso.info{background:color-mix(in srgb,var(--azul-claro) 12%,transparent);border-color:var(--azul-claro)}.rolagem{overflow-x:auto;border:1px solid var(--borda);border-radius:8px}table{width:100%;border-collapse:collapse;font-size:13px}thead th{position:sticky;top:0;background:var(--superficie);text-align:left;padding:9px 12px;font-weight:600;font-size:12px;color:var(--suave);white-space:nowrap;box-shadow:inset 0 -2px 0 var(--borda);z-index:2}.rolagem.limitada{max-height:min(880px,80vh);overflow-y:auto}.titulo-tabela{margin:18px 0 8px;font-size:13px;font-weight:700;color:var(--texto);display:flex;align-items:center;gap:8px}.titulo-tabela:first-of-type{margin-top:4px}.titulo-tabela .contagem{font-weight:600;font-size:11px;color:var(--suave);background:color-mix(in srgb,var(--suave) 14%,transparent);padding:1px 8px;border-radius:999px}.titulo-tabela .crescer{flex:1}button.exportar{font-size:11px;padding:4px 10px;font-weight:600}.interruptor{display:inline-flex;align-items:center;gap:6px;align-self:flex-end;font-size:12px;color:var(--suave);font-weight:500;cursor:pointer;user-select:none;padding-bottom:8px;white-space:nowrap}.interruptor input{accent-color:var(--acento);cursor:pointer;margin:0}.interruptor:hover{color:var(--texto)}thead th.ordenavel{padding:0}thead th.ordenavel button{all:unset;box-sizing:border-box;cursor:pointer;width:100%;display:flex;align-items:center;gap:6px;padding:9px 12px;font-weight:600;font-size:12px;color:var(--suave);white-space:nowrap}thead th.ordenavel.num button{justify-content:flex-end}thead th.ordenavel button:hover{color:var(--texto);background:color-mix(in srgb,var(--azul-claro) 10%,transparent)}thead th.ordenavel button:focus-visible{outline:2px solid var(--acento);outline-offset:-2px;color:var(--texto)}thead th.ordenada button{color:var(--acento)}thead th.ordenavel .seta{font-size:10px;opacity:.35}thead th.ordenada .seta{opacity:1}thead th.ordenavel button:hover .seta{opacity:.8}tbody td{padding:8px 12px;border-bottom:1px solid var(--linha)}.cod-barras{font-variant-numeric:tabular-nums;white-space:nowrap}.cod-barras .sem{opacity:.5;font-style:italic}tbody tr:hover{background:color-mix(in srgb,var(--azul-claro) 7%,transparent)}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}tbody tr.clicavel{cursor:pointer}tbody tr.escolhida{background:color-mix(in srgb,var(--acento) 18%,transparent)}tbody.bloco-mes{--cor-mes: hsl(var(--matiz, 210) var(--sat-mes) var(--luz-mes))}tbody.bloco-mes .subtitulo-mes th{position:sticky;top:33px;z-index:1;text-align:center;font-size:12px;font-weight:700;color:var(--texto);padding:6px 12px;background:color-mix(in srgb,var(--cor-mes) var(--mistura-mes),var(--superficie));box-shadow:inset 0 2px 0 var(--cor-mes),inset 0 -2px 0 var(--cor-mes),inset 2px 0 0 var(--cor-mes),inset -2px 0 0 var(--cor-mes);white-space:nowrap}tbody.bloco-mes .subtitulo-mes th .mes{vertical-align:middle}tbody.bloco-mes .subtitulo-mes th .contagem{display:inline-block;margin-left:8px;vertical-align:middle;font-weight:600;font-size:11px;color:var(--texto);opacity:.75;background:color-mix(in srgb,var(--cor-mes) 26%,transparent);padding:1px 8px;border-radius:999px}tbody.bloco-mes td:first-child{box-shadow:inset 4px 0 0 var(--cor-mes)}.faixa{padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;white-space:nowrap}.faixa.recente{background:color-mix(in srgb,var(--verde) 18%,transparent);color:var(--verde)}.faixa.atencao{background:color-mix(in srgb,var(--ambar) 20%,transparent);color:var(--ambar)}.faixa.frio{background:color-mix(in srgb,var(--vermelho) 15%,transparent);color:var(--vermelho)}.login-fundo{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,var(--azul-escuro),var(--azul));padding:20px}.login-caixa{background:var(--superficie);border-radius:12px;padding:28px;width:100%;max-width:390px;box-shadow:0 10px 40px #00000040}.login-caixa h1{margin:0 0 4px;font-size:19px}.login-caixa p.legenda{color:var(--suave);font-size:13px;margin:0 0 20px}.login-caixa .campo{margin-bottom:14px}.login-caixa .campo input{width:100%;min-width:0}.login-caixa button.principal{width:100%;margin-top:6px}.qr{display:block;margin:14px auto;width:190px;height:190px;background:#fff;padding:8px;border-radius:8px}.segredo{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;word-break:break-all;background:var(--fundo);padding:8px 10px;border-radius:6px;border:1px solid var(--borda)}.rodape{color:var(--suave);font-size:11px;padding:6px 20px 24px}.vazio{color:var(--suave);text-align:center;padding:28px;font-size:13px}.carregando{color:var(--suave);font-size:13px;padding:8px 0}.selo{display:inline-block;font-size:11px;color:var(--suave);border:1px solid var(--borda);border-radius:999px;padding:2px 10px}.barra-sessao{background:var(--ambar);color:#000;text-align:center;padding:7px;font-size:13px;font-weight:600}.proporcao{display:flex;flex-direction:column;gap:12px}.barra-proporcao{display:flex;height:38px;border-radius:8px;overflow:hidden;border:1px solid var(--borda)}.barra-proporcao .fatia{display:flex;align-items:center;justify-content:center;min-width:0;transition:width .25s ease}.barra-proporcao .fatia.vivos{background:#2997ae}.barra-proporcao .fatia.produtos{background:#2960ae}.barra-proporcao .dentro{color:#fff;font-size:12px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.35);white-space:nowrap}.legenda-proporcao{display:flex;flex-wrap:wrap;gap:8px 22px}.legenda-proporcao .item{display:flex;align-items:center;gap:7px;font-size:12px}.legenda-proporcao .marca{width:12px;height:12px;border-radius:3px;flex:none}.legenda-proporcao .marca.vivos{background:#2997ae}.legenda-proporcao .marca.produtos{background:#2960ae}.legenda-proporcao .nome,.legenda-proporcao .pct{color:var(--suave)}.legenda-proporcao .item.total{margin-left:auto}.legenda-proporcao .item.total strong{font-size:13px}.grafico-rolagem{margin:4px 0 14px}.grafico-linhas{width:100%;min-width:520px;height:auto;display:block}.grafico-linhas .grade{stroke:var(--linha);stroke-width:1}.grafico-linhas .rotulo-y{fill:var(--suave);font-size:11px;text-anchor:end}.grafico-linhas .rotulo-x{fill:var(--suave);font-size:11px}.grafico-linhas .serie{stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.grafico-linhas .serie.destaque{stroke-width:3;opacity:.85}.grafico-linhas .ponto{stroke:var(--superficie);stroke-width:1}.legenda-series{display:flex;flex-wrap:wrap;gap:6px 16px;margin-bottom:6px}.item-serie{display:inline-flex;align-items:center;gap:7px;font-size:12px;cursor:pointer;user-select:none;padding:3px 8px;border-radius:6px;border:1px solid transparent}.item-serie:hover{border-color:var(--borda);background:var(--fundo)}.item-serie input{accent-color:var(--acento);cursor:pointer;margin:0}.item-serie .amostra{width:24px;height:10px;flex:none}.item-serie .nome{font-weight:600}.item-serie .agrupa{font-weight:400;color:var(--suave)}.item-serie .valor{color:var(--suave);font-variant-numeric:tabular-nums}.item-serie.apagada .amostra,.item-serie.apagada .valor{opacity:.3}.item-serie.apagada .nome{color:var(--suave);font-weight:500}.indicadores{display:grid;gap:10px;margin:12px 0 4px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.indicadores.compactos{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.indicador{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:8px;border:1px solid var(--borda);background:var(--fundo);border-left:3px solid var(--borda)}.indicador .rotulo{font-size:11px;color:var(--suave);font-weight:500}.indicador .valor{font-size:16px;font-variant-numeric:tabular-nums}.indicador .nota{font-size:11px;color:var(--suave)}.indicador.bom{border-left-color:var(--verde)}.indicador.atencao{border-left-color:var(--ambar)}.indicador.ruim{border-left-color:var(--vermelho)}.indicador.ruim .valor{color:var(--vermelho)}.modos{display:flex;gap:6px;margin-bottom:12px}.modo{font:inherit;font-size:12px;font-weight:600;padding:6px 14px;border-radius:999px;border:1px solid var(--borda);background:transparent;color:var(--suave);cursor:pointer}.modo:hover{border-color:var(--azul-claro);color:var(--texto)}.modo.ativo{background:var(--acento);border-color:var(--acento);color:var(--acento-texto)}.barra-mini{display:flex;height:14px;border-radius:4px;overflow:hidden;border:1px solid var(--borda);min-width:120px}.barra-mini .fatia.vivos{background:#2997ae}.barra-mini .fatia.produtos{background:#2960ae}.celula-barra{display:flex;align-items:center;gap:8px;min-width:170px}.celula-barra .pct{font-size:11px;color:var(--suave);font-variant-numeric:tabular-nums;white-space:nowrap;min-width:42px;text-align:right}.cabecalho-carteira{display:flex;flex-wrap:wrap;gap:14px 28px;align-items:flex-start;justify-content:space-between;margin-bottom:6px}.cabecalho-carteira .quem{flex:0 1 auto}.cabecalho-carteira .quem h2{margin-bottom:2px}.cabecalho-carteira .quem .legenda{margin:0}.cabecalho-carteira .total-vendedor{flex:1 1 340px;min-width:280px}.cabecalho-carteira .total-vendedor .rotulo{display:block;font-size:11px;color:var(--suave);font-weight:500;margin-bottom:5px}.cabecalho-carteira .barra-proporcao{height:30px}