:root{--fundo: #0d1014;--painel: #151a21;--painel2: #1b2129;--borda: #26303b;--texto: #e8edf3;--fraco: #8b98a8;--cor: #c9a227;--contraste-cor: #10141a;--vermelho: #e5484d;--verde: #46a758;--ambar: #e2a336;--azul: #4f9dd9;--sombra: none;--raio: 12px;color-scheme:dark}:root[data-tema=claro]{--fundo: #f4f6f9;--painel: #ffffff;--painel2: #eef2f7;--borda: #dbe3ec;--texto: #17222e;--fraco: #62748a;--contraste-cor: #ffffff;--vermelho: #c62a2f;--verde: #1f7a35;--ambar: #9a6608;--azul: #2b6fa8;--sombra: 0 1px 2px rgba(23, 34, 46, .06);color-scheme:light}*{box-sizing:border-box}html,body,#raiz{height:100%}body{margin:0;background:var(--fundo);color:var(--texto);font:13.5px/1.42 -apple-system,Segoe UI,Roboto,system-ui,sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--cor)}.app{display:flex;min-height:100%}.lateral{width:198px;flex:0 0 198px;background:var(--painel);border-right:1px solid var(--borda);padding:13px 9px;display:flex;flex-direction:column;gap:4px;position:sticky;top:0;height:100vh}.marca{font-weight:700;letter-spacing:.5px;padding:0 9px 11px;display:flex;align-items:center;gap:8px}.marca b{color:var(--cor)}.menu-item{display:flex;align-items:center;gap:9px;padding:7px 10px;border-radius:9px;border:0;background:none;color:var(--fraco);cursor:pointer;text-align:left;width:100%}.menu-item:hover{background:var(--painel2);color:var(--texto)}.menu-item.ativo{background:color-mix(in srgb,var(--cor) 16%,transparent);color:var(--cor);font-weight:600}.menu-item .conta{margin-left:auto;font-size:12px;background:var(--vermelho);color:#fff;border-radius:20px;padding:1px 7px;font-weight:700}.coluna-principal{flex:1;min-width:0;display:flex;flex-direction:column;height:100vh;overflow:hidden}.topo{display:flex;align-items:center;gap:11px;padding:9px 16px;border-bottom:1px solid var(--borda);background:linear-gradient(180deg,color-mix(in srgb,var(--cor) 10%,var(--fundo)),var(--fundo));position:sticky;top:0;z-index:20}.abas-empresa{display:flex;gap:6px;background:var(--painel);padding:4px;border-radius:12px}.aba-empresa{border:0;background:none;color:var(--fraco);padding:6px 13px;border-radius:8px;cursor:pointer;font-weight:600;display:flex;align-items:center;gap:8px}.aba-empresa .ponto{width:9px;height:9px;border-radius:50%;background:currentColor;opacity:.55}.aba-empresa.ativo{background:var(--cor);color:var(--contraste-cor)}.aba-empresa.ativo .ponto{opacity:1}.conteudo{padding:16px;flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column}.conteudo>.painel:not(.preenche){flex:0 0 auto}.direita{margin-left:auto;display:flex;align-items:center;gap:12px}.usuario-chip{color:var(--fraco);font-size:13px;text-align:right;line-height:1.25}.usuario-chip b{display:block;color:var(--texto)}h1{font-size:18px;margin:0 0 2px}h2{font-size:14px;margin:20px 0 9px}.sub{color:var(--fraco);font-size:12px;margin:0 0 13px}.cartoes{display:grid;grid-template-columns:repeat(auto-fit,minmax(142px,1fr));gap:7px}.cartao{background:var(--painel);border:1px solid var(--borda);border-radius:var(--raio);padding:9px 11px;box-shadow:var(--sombra)}.cartao .rotulo{color:var(--fraco);font-size:10.5px;text-transform:uppercase;letter-spacing:.6px}.cartao .valor{font-size:17.5px;font-weight:700;margin-top:3px;letter-spacing:-.4px}.cartao .nota{color:var(--fraco);font-size:10.5px;margin-top:2px;line-height:1.35}.cartao.perigo{border-color:color-mix(in srgb,var(--vermelho) 45%,var(--borda))}.cartao.perigo .valor{color:var(--vermelho)}.cartao.atencao .valor{color:var(--ambar)}.cartao.ok .valor{color:var(--verde)}.painel{background:var(--painel);border:1px solid var(--borda);border-radius:var(--raio);overflow:hidden;box-shadow:var(--sombra)}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--fraco);padding:7px 11px;border-bottom:1px solid var(--borda);white-space:nowrap}th.ordenavel{cursor:pointer;-webkit-user-select:none;user-select:none}th.ordenavel:hover{color:var(--cor)}th.ordenavel .seta{margin-left:5px;opacity:.28;font-size:10px}th.ordenavel:hover .seta{opacity:.6}th.ordenada{color:var(--cor)}th.ordenada .seta{opacity:1}th.ordenavel.num{text-align:right}.datas-parcelas{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}.datas-parcelas .campo{margin:0}tr.linha-grupo td{background:var(--painel2);font-size:12px;text-transform:uppercase;letter-spacing:.5px;padding-top:9px;padding-bottom:9px}tr.linha-grupo .total-faixa{float:right;font-weight:700;letter-spacing:0}td{padding:7px 11px;border-bottom:1px solid var(--borda);vertical-align:middle}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:var(--painel2)}.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.texto-curto{display:block;max-width:34ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}td .texto-curto.fraco{font-size:12px;color:var(--fraco);max-width:34ch}.rolagem{overflow:auto;min-height:130px}.rolagem.preenche{flex:1 1 auto;min-height:300px}.rolagem thead th{position:sticky;top:0;background:var(--painel);z-index:3}.modal .rolagem,.modal table{max-height:none}.vazio{padding:28px 16px;text-align:center;color:var(--fraco)}.botao{border:1px solid var(--borda);background:var(--painel2);color:var(--texto);padding:6px 12px;border-radius:8px;cursor:pointer;font-weight:600;white-space:nowrap}.botao:hover{border-color:var(--cor)}.botao:disabled{opacity:.5;cursor:not-allowed}.botao.principal{background:var(--cor);border-color:var(--cor);color:var(--contraste-cor)}.botao.perigo{color:var(--vermelho)}.botao.pequeno{padding:4px 9px;font-size:12px;border-radius:7px}.botao.limpo{background:none;border-color:transparent;color:var(--fraco)}.botao.limpo:hover{color:var(--texto);background:var(--painel2)}.campo{display:flex;flex-direction:column;gap:3px;margin-bottom:9px}.campo>span{font-size:10.5px;color:var(--fraco);text-transform:uppercase;letter-spacing:.5px}.com-olho{position:relative;display:block}.com-olho input{width:100%;padding-right:38px}.olho{position:absolute;right:4px;top:50%;transform:translateY(-50%);border:0;background:none;cursor:pointer;font-size:15px;line-height:1;padding:4px 6px;opacity:.55}.olho:hover{opacity:1}.campo input,.campo select,.campo textarea{background:var(--fundo);border:1px solid var(--borda);border-radius:8px;padding:6px 9px;width:100%}.campo input:focus,.campo select:focus,.campo textarea:focus{outline:0;border-color:var(--cor)}.linha{display:grid;grid-template-columns:1fr 1fr;gap:10px}.linha3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.filtros{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin-bottom:11px}.filtros input,.filtros select{background:var(--painel);border:1px solid var(--borda);border-radius:8px;padding:6px 9px}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{border:1px solid var(--borda);background:var(--painel);color:var(--fraco);padding:5px 11px;border-radius:20px;cursor:pointer;font-size:12px;font-weight:600}.chip.ativo{background:var(--cor);border-color:var(--cor);color:var(--contraste-cor)}.selo-banco{border:1px dashed var(--ambar);color:var(--ambar);background:color-mix(in srgb,var(--ambar) 12%,transparent);padding:5px 11px;border-radius:20px;font-size:12.5px;font-weight:700;white-space:nowrap}.periodo{display:inline-flex;align-items:center;gap:5px;background:var(--painel);border:1px solid var(--borda);border-radius:8px;padding:2px 7px;font-size:12px;color:var(--fraco)}.periodo input{border:0;background:none;padding:4px 2px;color:var(--texto);font-size:12.5px}.periodo input:focus{outline:0;color:var(--cor)}.grade td,.grade th{border-right:1px solid var(--borda)}.grade td:last-child,.grade th:last-child{border-right:0}.grade .fixa{position:sticky;left:0;background:var(--painel);z-index:2;min-width:168px}.grade thead th.fixa{z-index:4}.grade tbody tr:hover .fixa{background:var(--painel2)}.grade tfoot td{position:sticky;bottom:0;background:var(--painel2);border-top:2px solid var(--borda);border-bottom:0}.grade tfoot td.fixa{z-index:3;background:var(--painel2)}.celula{cursor:pointer;font-variant-numeric:tabular-nums}.celula:hover{outline:2px solid var(--cor);outline-offset:-2px}.celula.pago{background:color-mix(in srgb,var(--verde) 15%,transparent);color:var(--verde)}.celula.aberto{background:color-mix(in srgb,var(--azul) 13%,transparent);color:var(--azul)}.celula.atrasado{background:color-mix(in srgb,var(--vermelho) 17%,transparent);color:var(--vermelho);font-weight:700}.celula.provisionado{background:var(--painel2);color:var(--fraco)}.celula.cancelado{color:var(--fraco);text-decoration:line-through}.caixa-selecao{width:15px;height:15px;accent-color:var(--cor);cursor:pointer}.barra-selecao{position:sticky;bottom:0;z-index:6;display:flex;align-items:center;gap:12px;margin-top:10px;padding:9px 14px;background:var(--painel2);border:1px solid var(--cor);border-radius:var(--raio);box-shadow:0 -4px 14px #0000002e;flex:0 0 auto}.barra-selecao .soma{font-size:17px;font-weight:700;color:var(--cor);font-variant-numeric:tabular-nums}.cartao.clicavel{cursor:pointer}.cartao.clicavel:hover{border-color:var(--cor)}.cartao.marcado{border-color:var(--cor);box-shadow:inset 0 0 0 1px var(--cor)}.selo{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:20px;border:1px solid;white-space:nowrap;text-transform:uppercase;letter-spacing:.4px}.selo.pago{color:var(--verde);border-color:color-mix(in srgb,var(--verde) 45%,transparent);background:color-mix(in srgb,var(--verde) 14%,transparent)}.selo.aberto{color:var(--azul);border-color:color-mix(in srgb,var(--azul) 40%,transparent);background:color-mix(in srgb,var(--azul) 12%,transparent)}.selo.atrasado{color:var(--vermelho);border-color:color-mix(in srgb,var(--vermelho) 45%,transparent);background:color-mix(in srgb,var(--vermelho) 14%,transparent)}.selo.provisionado{color:var(--fraco);border-color:var(--borda);background:var(--painel2)}.selo.cancelado{color:var(--fraco);border-color:var(--borda);text-decoration:line-through}.tag-arquivo{display:inline-flex;align-items:center;gap:6px;background:var(--painel2);border:1px solid var(--borda);border-radius:8px;padding:4px 9px;font-size:12.5px;color:var(--texto);text-decoration:none}.tag-arquivo:hover{border-color:var(--cor)}.etiqueta{display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb,var(--cor) 14%,transparent);border:1px solid color-mix(in srgb,var(--cor) 40%,transparent);color:var(--cor);border-radius:20px;padding:2px 9px;font-size:11.5px;font-weight:600;cursor:pointer}.etiqueta button{border:0;background:none;padding:0;cursor:pointer;color:inherit}.caixa-etiquetas{display:flex;flex-wrap:wrap;gap:6px;align-items:center;background:var(--fundo);border:1px solid var(--borda);border-radius:8px;padding:5px 7px}.caixa-etiquetas input{border:0;background:none;flex:1;min-width:130px;padding:2px;outline:0}.botao-tema{border:1px solid var(--borda);background:var(--painel);color:var(--fraco);width:34px;height:34px;border-radius:10px;cursor:pointer;font-size:15px;line-height:1}.botao-tema:hover{color:var(--texto);border-color:var(--cor)}.segmentado{display:flex;background:var(--fundo);border:1px solid var(--borda);border-radius:10px;padding:3px}.segmentado button{flex:1;border:0;background:none;padding:6px;border-radius:7px;cursor:pointer;color:var(--fraco);font-weight:600;font-size:12.5px}.segmentado button.ativo{background:var(--cor);color:var(--contraste-cor)}.fundo-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#03060a8c;display:flex;align-items:center;justify-content:center;padding:14px;z-index:50}.modal{background:var(--painel);border:1px solid var(--borda);border-radius:14px;width:100%;max-width:560px;max-height:100%;display:flex;flex-direction:column}.modal header{display:flex;align-items:center;padding:11px 16px;border-bottom:1px solid var(--borda);flex:0 0 auto}.modal header h3{margin:0;font-size:15px}.modal .corpo{padding:14px 16px;overflow-y:auto;flex:1 1 auto}.modal footer{display:flex;gap:8px;justify-content:flex-end;padding:10px 16px;border-top:1px solid var(--borda);flex:0 0 auto}.aviso{background:color-mix(in srgb,var(--vermelho) 14%,transparent);border:1px solid color-mix(in srgb,var(--vermelho) 40%,transparent);color:var(--vermelho);padding:10px 13px;border-radius:10px;margin-bottom:14px;font-size:14px}.tela-entrar{min-height:100%;display:flex;align-items:center;justify-content:center;padding:20px}.caixa-entrar{width:100%;max-width:370px;background:var(--painel);border:1px solid var(--borda);border-radius:18px;padding:30px}.caixa-entrar h1{text-align:center;margin-bottom:4px}.caixa-entrar .sub{text-align:center}.barra-linha{display:grid;grid-template-columns:150px 1fr 92px;gap:10px;align-items:center;margin-bottom:9px;font-size:13.5px}.barra-trilho{display:block;background:var(--painel2);border-radius:20px;height:9px;overflow:hidden}.barra-preenche{display:block;height:100%;min-width:2px;background:var(--cor);border-radius:20px}.barra-linha .nome{color:var(--fraco);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:860px){.app{flex-direction:column}.coluna-principal{height:auto;overflow:visible}.conteudo{overflow-y:visible;display:block}.rolagem{max-height:none}.lateral{width:100%;flex:none;height:auto;position:static;flex-direction:row;overflow-x:auto;padding:10px}.marca{display:none}.menu-item{width:auto;white-space:nowrap}.conteudo{padding:14px}.topo{padding:12px 14px;flex-wrap:wrap}.linha,.linha3{grid-template-columns:1fr}}.barra-listagem{display:flex;align-items:center;gap:10px;margin-bottom:8px}.linha-dia td{background:var(--fundo);border-top:2px solid var(--borda);padding:7px 10px}.linha-dia.pronto td{border-left:3px solid var(--verde)}.opcao{display:flex;align-items:center;gap:10px;border:1px solid var(--borda);border-radius:10px;padding:6px 8px;margin-bottom:6px;background:var(--fundo)}.opcao:last-of-type{margin-bottom:4px}.opcao-texto{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.opcao-texto b{font-weight:600}.opcao .botao{flex:0 0 auto}.opcao.vazia{border-style:dashed;opacity:.75}.explicacao{margin:-2px 0 12px}.explicacao summary{cursor:pointer;color:var(--cor);font-size:12.5px;padding:4px 0}.explicacao ol{margin:8px 0 0;padding-left:20px;color:var(--fraco);font-size:12.5px}.explicacao ul{margin:6px 0;padding-left:18px}.explicacao li{margin-bottom:6px;line-height:1.5}.explicacao b{color:var(--texto)}.explicacao p{color:var(--fraco);font-size:12.5px;margin:8px 0 0}.opcao-texto>div:first-child{display:flex;align-items:center;gap:6px;min-width:0}.opcao-texto b,.opcao-texto span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.opcao-texto .selo{flex:0 0 auto}.descricao-banco{font-weight:500;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.autorizacao{margin-top:12px;border:1px dashed var(--cor);border-radius:var(--raio);padding:10px 12px;font-size:12.5px;color:var(--fraco)}.autorizacao b{color:var(--texto)}.escolha{position:relative}.escolha-valor{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;text-align:left;background:var(--fundo);border:1px solid var(--borda);border-radius:10px;padding:9px 12px;color:var(--texto);font:inherit;font-size:13.5px;cursor:pointer}.escolha-valor:hover{border-color:var(--cor)}.escolha-caixa{position:relative}.escolha-caixa>input{width:100%;background:var(--fundo);border:1px solid var(--cor);border-radius:10px;padding:9px 12px;color:var(--texto);font:inherit;font-size:13.5px}.escolha-lista{position:absolute;z-index:30;top:calc(100% + 4px);left:0;right:0;max-height:260px;overflow-y:auto;background:var(--painel);border:1px solid var(--borda);border-radius:10px;box-shadow:0 12px 28px #00000047;padding:4px}.escolha-grupo{padding:6px 10px 3px;font-size:10.5px;letter-spacing:.6px;text-transform:uppercase;color:var(--fraco)}.escolha-item{display:block;width:100%;text-align:left;background:none;border:0;border-radius:8px;padding:7px 10px;color:var(--texto);font:inherit;font-size:13.5px;cursor:pointer}.escolha-item.ativo{background:var(--painel2)}.escolha-item.fraco{color:var(--fraco)}.escolha-item.criar{color:var(--cor);font-weight:600}.escolha-erro{color:var(--vermelho);font-size:12px;margin-top:4px}.escolha-ajuda{color:var(--fraco);font-size:11px;margin-top:3px;display:block}.filtro-contas{padding:12px;margin-bottom:12px}.filtro-topo{display:flex;align-items:center;gap:12px;margin-bottom:10px}.filtro-topo input{flex:1;background:var(--fundo);border:1px solid var(--borda);border-radius:10px;padding:8px 12px;color:var(--texto);font:inherit;font-size:13px}.filtro-colunas{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:4px 18px;max-height:320px;overflow-y:auto}.filtro-bloco{padding:4px 0 10px;break-inside:avoid}.filtro-grupo,.filtro-conta{display:flex;align-items:center;gap:7px;padding:3px 0;font-size:13px;cursor:pointer}.filtro-grupo{border-bottom:1px solid var(--borda);padding-bottom:5px;margin-bottom:4px}.filtro-grupo .fraco{margin-left:auto;font-size:11px}.filtro-conta{padding-left:20px;color:var(--fraco)}.filtro-conta:hover{color:var(--texto)}.filtro-rodape{display:flex;align-items:center;gap:8px;padding-top:10px;margin-top:8px;border-top:1px solid var(--borda)}.sem-prazo{display:flex;align-items:center;gap:7px;margin:-8px 0 12px;font-size:12.5px;color:var(--fraco);cursor:pointer}.sem-prazo:hover{color:var(--texto)}.escolha-encerrar{display:grid;gap:8px;margin-bottom:14px}.escolha-encerrar label{display:flex;gap:10px;padding:10px 12px;border:1px solid var(--borda);border-radius:8px;cursor:pointer;line-height:1.45}.escolha-encerrar label:hover{border-color:var(--principal)}.escolha-encerrar label:has(input:checked){border-color:var(--principal);background:var(--painel2)}.escolha-encerrar input{margin-top:3px;flex:none}.escolha-encerrar .texto-curto{white-space:normal;max-width:none;margin-top:3px;font-size:12px;color:var(--fraco)}.fraco{color:var(--fraco)}.colunas-geral{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px;align-items:start}.coluna-empresa{border:1px solid var(--borda);border-top:3px solid var(--cor-empresa);border-radius:12px;background:var(--painel);padding:14px;display:flex;flex-direction:column;gap:10px}.coluna-empresa header{display:flex;flex-direction:column;gap:4px}.titulo-empresa{padding:0;font-size:15px;font-weight:700;display:flex;align-items:center;gap:7px;text-align:left}.coluna-empresa .ponto{width:9px;height:9px;border-radius:50%;display:inline-block;flex:none}.coluna-empresa .devendo{font-size:26px;font-weight:700;line-height:1.15}.coluna-empresa .devendo .fraco{display:block;font-size:12px;font-weight:400}.caixa-empresa{border:1px solid var(--borda);border-radius:9px;padding:10px 12px;background:var(--painel2)}.caixa-empresa .rotulo{font-size:11px;letter-spacing:.04em;color:var(--fraco)}.caixa-empresa .valor{font-size:19px;font-weight:700;margin-bottom:6px}.caixa-empresa .linha-conta{display:flex;justify-content:space-between;gap:10px;font-size:12.5px}.caixa-empresa .linha-conta.fraco{color:var(--fraco)}.caixa-empresa .selo{margin-top:8px;display:inline-block}.alerta-atraso{align-self:flex-start}.lista-coluna{max-height:340px}.lista-coluna td{padding:7px 10px}.marca-empresa{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--fraco);white-space:nowrap}.marca-empresa .ponto{width:8px;height:8px;border-radius:50%;flex:none}.lista-coluna table{table-layout:fixed;width:100%}.lista-coluna td:first-child{width:auto}.lista-coluna td:first-child .texto-curto{max-width:100%}.lista-coluna td:nth-child(2){width:92px}.lista-coluna td:last-child{width:96px}.oficial{padding:14px;border-color:color-mix(in srgb,var(--verde) 40%,var(--borda))}.oficial-topo{display:flex;align-items:center;gap:10px;margin-bottom:10px}.oficial-topo .fraco{font-size:12px;color:var(--fraco)}.oficial .cartao{background:var(--painel2)}.num.fraco{color:var(--fraco)}.campo-linha{flex-direction:row;align-items:center;gap:7px;margin:0}.campo-linha>span{font-size:11px;letter-spacing:.04em}.chip .ponto{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:6px}.escolha-dica{display:block;font-size:11px;color:var(--fraco);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.escolha-item.ativo .escolha-dica{color:inherit;opacity:.75}tbody tr.marcada{background:color-mix(in srgb,var(--cor) 12%,transparent)}tbody tr.marcada:hover{background:color-mix(in srgb,var(--cor) 18%,transparent)}.cartao .rotulo .ponto{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:5px}