:root{--sol: #F2B705;--sol-claro: #FFF1C2;--grafite: #1C1C1A;--ambar: #7A5A00;--areia: #E9E5DA;--papel: #F7F5F0;--branco: #FFFFFF;--borda: #D9D3C4;--borda-suave: #EDEBE4;--texto: #1C1C1A;--texto-2: #3F3F3B;--texto-3: #6B6B66;--texto-4: #9C9C96;--pago: #2E7D32;--pago-fundo: #E3F1E4;--atraso: #B42318;--atraso-fundo: #FBE4E1;--fonte-marca: "Space Grotesk", "Trebuchet MS", sans-serif;--fonte: "Source Sans 3", "Segoe UI", Arial, sans-serif;--raio: 6px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--fonte);font-size:15px;color:var(--texto);background:var(--papel)}a{color:var(--ambar)}h1,h2,h3{font-family:var(--fonte-marca);letter-spacing:-.01em;margin:0}h1{font-size:28px;font-weight:700}h2{font-size:20px;font-weight:700}h3{font-size:16px;font-weight:600}p{margin:0}button,input,select,textarea{font:inherit;color:inherit}.app{display:flex;min-height:100%}.barra{width:232px;flex-shrink:0;background:var(--grafite);color:var(--papel);padding:24px 16px;display:flex;flex-direction:column;gap:28px;position:sticky;top:0;height:100vh}.barra .marca{display:flex;align-items:center;gap:10px;padding-left:6px}.barra .marca span{font-family:var(--fonte-marca);font-weight:700;font-size:19px;letter-spacing:.06em;text-transform:uppercase}.barra nav{display:flex;flex-direction:column;gap:4px}.barra nav a{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:var(--raio);color:var(--texto-4);text-decoration:none;font-size:14px;min-height:44px}.barra nav a:hover{color:var(--papel);background:#ffffff0f}.barra nav a.ativo{background:var(--sol);color:var(--grafite);font-weight:600}.barra nav svg{width:18px;height:18px;flex-shrink:0}.barra .rodape{margin-top:auto;font-size:12px;color:var(--texto-3);line-height:1.5;display:flex;flex-direction:column;gap:8px}.barra .rodape button{background:none;border:1px solid #3a3a37;color:var(--texto-4);border-radius:var(--raio);padding:6px 10px;cursor:pointer;align-self:flex-start}.conteudo{flex:1;min-width:0;padding:28px 36px 48px;display:flex;flex-direction:column;gap:22px}.cabecalho{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.cabecalho .acoes{display:flex;gap:10px;flex-wrap:wrap}.botao{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;min-height:44px;border-radius:var(--raio);border:1px solid transparent;background:var(--sol);color:var(--grafite);font-weight:600;font-size:14px;cursor:pointer;text-decoration:none;white-space:nowrap}.botao:hover{filter:brightness(.96)}.botao:disabled{opacity:.5;cursor:default}.botao.secundario{background:var(--branco);border-color:var(--grafite)}.botao.discreto{background:transparent;border-color:var(--borda);color:var(--texto-2)}.botao.perigo{background:var(--branco);border-color:var(--atraso);color:var(--atraso)}.botao.pequeno{min-height:34px;padding:0 12px;font-size:13px}.botao svg{width:16px;height:16px}.cartao{background:var(--branco);border:1px solid var(--borda);border-radius:var(--raio)}.cartao.recheio{padding:20px 22px}.cartoes{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}.indicador{padding:18px 20px;display:flex;flex-direction:column;gap:8px}.indicador .rotulo{font-size:12px;color:var(--texto-3);text-transform:uppercase;letter-spacing:.06em}.indicador .valor{font-family:var(--fonte-marca);font-weight:700;font-size:28px;line-height:1}.indicador .valor small{font-size:15px;color:var(--texto-4);font-weight:500}.indicador .valor.pago{color:var(--pago)}.indicador .valor.atraso{color:var(--atraso)}.doc-ok{color:var(--pago);font-weight:600}.etiqueta{display:inline-block;padding:4px 10px;border-radius:4px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;background:var(--areia);color:var(--texto-2)}.etiqueta.paga{background:var(--pago-fundo);color:var(--pago)}.etiqueta.enviada{background:var(--sol-claro);color:var(--ambar)}.etiqueta.atrasada{background:var(--atraso-fundo);color:var(--atraso)}.etiqueta.rascunho{background:var(--borda-suave);color:var(--grafite)}.etiqueta.cancelada{background:var(--borda-suave);color:var(--texto-4);text-decoration:line-through}table.tabela{width:100%;border-collapse:collapse}table.tabela th{text-align:left;font-size:12px;color:var(--texto-3);text-transform:uppercase;letter-spacing:.06em;font-weight:500;padding:12px 14px;background:var(--papel);border-bottom:1px solid var(--borda);white-space:nowrap}table.tabela td{padding:12px 14px;border-bottom:1px solid var(--borda-suave);vertical-align:middle}table.tabela tr:last-child td{border-bottom:none}table.tabela .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}table.tabela .apagado{color:var(--texto-4)}table.tabela tr.clicavel{cursor:pointer}table.tabela tr.clicavel:hover td{background:#fbfaf6}.rolagem{overflow-x:auto}.campo{display:flex;flex-direction:column;gap:6px}.campo label{font-size:13px;color:var(--texto-2);font-weight:500}.campo input,.campo select,.campo textarea{padding:10px 12px;min-height:44px;border:1px solid var(--borda);border-radius:var(--raio);background:var(--branco);width:100%}.campo input:focus,.campo select:focus,.campo textarea:focus{outline:2px solid var(--sol);outline-offset:0;border-color:var(--sol)}.campo .ajuda{font-size:12px;color:var(--texto-3)}.campo.linha{flex-direction:row;align-items:center;gap:10px}.campo.linha input[type=checkbox]{width:18px;height:18px;min-height:0}.formulario{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.formulario .largo{grid-column:1 / -1}.aviso{padding:12px 14px;border-radius:var(--raio);font-size:14px;border:1px solid var(--borda);background:var(--papel)}.aviso.erro{background:var(--atraso-fundo);border-color:#f1b8b2;color:var(--atraso)}.aviso.ok{background:var(--pago-fundo);border-color:#bfe0c2;color:var(--pago)}.aviso.info{background:var(--sol-claro);border-color:#f0d780;color:var(--ambar)}.vazio{padding:40px;text-align:center;color:var(--texto-3)}.mudo{color:var(--texto-3);font-size:13px}.linha-acoes{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.espaco{display:flex;flex-direction:column;gap:14px}.entrada{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--areia)}.entrada .caixa{width:100%;max-width:420px;background:var(--branco);border-radius:var(--raio);border:1px solid var(--borda);padding:32px;display:flex;flex-direction:column;gap:18px}.entrada .marca{display:flex;align-items:center;gap:10px;justify-content:center;margin-bottom:6px}.entrada .marca span{font-family:var(--fonte-marca);font-weight:700;font-size:24px;letter-spacing:.06em;text-transform:uppercase}.entrada .links{display:flex;justify-content:space-between;font-size:13px}.fundo-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#1c1c1a8c;display:flex;align-items:center;justify-content:center;padding:24px;z-index:50}.modal{background:var(--branco);border-radius:var(--raio);width:100%;max-width:640px;max-height:90vh;overflow:auto;padding:24px;display:flex;flex-direction:column;gap:18px}.modal.largo{max-width:900px}.modal header{display:flex;justify-content:space-between;align-items:center}.solta{border:2px dashed var(--borda);border-radius:var(--raio);padding:36px;text-align:center;color:var(--texto-3);background:var(--branco);cursor:pointer}.solta.ativa{border-color:var(--sol);background:var(--sol-claro);color:var(--ambar)}.pix-codigo{font-family:Consolas,Courier New,monospace;font-size:12px;word-break:break-all;padding:10px 12px;background:var(--papel);border:1px dashed var(--texto-4);border-radius:4px}.botao.whatsapp{background:#0f7a43;color:#fff;border-color:#0f7a43}.botao.whatsapp:hover:not(:disabled){background:#0b6537}.passos{margin:0;padding-left:22px;display:grid;gap:12px}.passos .linha-acoes{margin-top:6px}.previa-whatsapp{display:flex;flex-direction:column;gap:6px}.previa-whatsapp .balao{white-space:pre-wrap;background:#dcf8c6;color:#111;border-radius:8px;padding:10px 12px;max-width:440px;font-size:14px;line-height:1.45;box-shadow:0 1px 1px #0000001f}@media(max-width:900px){.app{flex-direction:column}.barra{width:auto;height:auto;position:static;flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:10px 16px 6px}.barra nav{flex-direction:row;order:2;flex-basis:100%;justify-content:space-between;gap:0}.barra nav a{padding:10px;min-height:40px}.barra nav a span{display:none}.barra .rodape{display:flex;margin-top:0;margin-left:auto;order:1}.conteudo{padding:18px 16px 40px}}.ucs{display:flex;flex-direction:column}.uc{display:grid;grid-template-columns:minmax(150px,1fr) auto minmax(0,2fr);gap:6px 20px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--borda-suave)}.uc:last-child{border-bottom:none}.uc.clicavel{cursor:pointer}.uc.clicavel:hover{background:#fbfaf6}.uc-nome{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}.uc-numero{display:flex;flex-wrap:wrap;gap:2px 12px;font-family:var(--fonte-marca);font-variant-numeric:tabular-nums;font-size:13px;color:var(--texto-2)}.uc-numero span{white-space:nowrap}.uc-detalhes{display:flex;flex-wrap:wrap;gap:6px}.uc-detalhes span{font-size:12px;color:var(--texto-2);background:var(--papel);border:1px solid var(--borda-suave);border-radius:999px;padding:2px 9px;white-space:nowrap;line-height:1.5}@media(max-width:900px){.uc{grid-template-columns:1fr;gap:6px}.uc-numero{font-size:14px}.rolagem{-webkit-overflow-scrolling:touch}table.tabela td{white-space:nowrap}.barra .rodape>div{display:none}.barra .rodape button{padding:8px 12px;min-height:40px}.cabecalho .acoes input{min-width:0!important;flex:1}.cartoes{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.indicador{padding:14px}.indicador .valor{font-size:clamp(18px,5.5vw,24px);overflow-wrap:break-word}}.modal:focus{outline:none}@media(max-width:900px){.botao.pequeno{min-height:44px;padding:0 14px;font-size:14px}input,select,textarea{font-size:16px}.fundo-modal{padding:0;align-items:stretch}.modal,.modal.largo{max-width:none;max-height:100dvh;border-radius:0;padding:0 16px calc(24px + env(safe-area-inset-bottom))}.modal header{position:sticky;top:0;z-index:1;margin:0 -16px;padding:12px 16px;background:var(--branco);border-bottom:1px solid var(--borda-suave);gap:12px}}.importacao-topo{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;padding:14px 16px 10px}.importacao-topo h2{margin:0 0 4px}.importacao-mes{display:flex;align-items:center;gap:6px;font-weight:600}.importacao-barra{height:8px;background:var(--borda-suave);margin:0 16px 12px;border-radius:999px;overflow:hidden}.importacao-barra span{display:block;height:100%;background:var(--sol);border-radius:999px}.atraso{color:var(--atraso)}.opcoes{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-bottom:18px}.opcao{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border:1px solid var(--borda);border-radius:var(--raio);background:var(--branco);cursor:pointer}.opcao.marcada{border-color:var(--sol);box-shadow:0 0 0 2px var(--sol-claro)}.opcao input[type=radio]{margin-top:4px;accent-color:var(--sol);flex:none}.opcao>span{display:flex;flex-direction:column;gap:4px;min-width:0}.opcao strong{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.opcao input[type=number]{font-size:15px}.cartao.destacado{border-color:var(--sol);box-shadow:0 0 0 3px var(--sol-claro);animation:destaca 4s ease-out}@keyframes destaca{0%{background:var(--sol-claro)}60%{background:var(--sol-claro)}to{background:var(--branco)}}.uc.pendente{background:#fff8f7}.uc.pendente .uc-nome strong{color:var(--atraso)}.cor{display:flex;gap:8px;align-items:center}.cor input[type=color]{width:44px;height:44px;min-height:0;padding:2px;flex:none;cursor:pointer}.previa-email{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-radius:6px}.previa-email img{height:40px;width:auto;max-width:200px;display:block}.previa-email strong{font-family:var(--fonte-marca);font-size:16px;letter-spacing:.04em}.previa-email-valor{font-family:var(--fonte-marca);font-weight:700;font-size:13px;padding:8px 12px;border-radius:4px;white-space:nowrap}.geradoras{display:grid;gap:14px}.geradora{border:1px solid var(--borda);border-radius:var(--raio);padding:14px;display:flex;flex-direction:column;gap:12px}.geradora.inativa{opacity:.6}.cotas{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.cota{display:inline-flex;align-items:center;gap:6px;font-weight:600}.cota input{width:84px;padding:6px 8px;min-height:0;border:1px solid var(--borda);border-radius:4px}@media print{aside.barra,.nao-imprime,.acoes,.botao,.cabecalho input,.cabecalho select,.cabecalho label{display:none!important}body{background:#fff}.cartao{break-inside:avoid;box-shadow:none;border:1px solid #ddd}.uc.clicavel{cursor:default}body:has(.fundo-modal) aside.barra,body:has(.fundo-modal) main.conteudo{display:none!important}.fundo-modal{position:static;padding:0;background:none;display:block}.modal,.modal.largo{max-width:none;max-height:none;overflow:visible;padding:0}.modal header button{display:none}}