:root{--vinho:#6b2d35;--vinho-escuro:#54222a;--bege:#f5f1ed;--verde:#2d5a3d;--terracota:#b87546;--texto:#3a2a2a;--suave:#7a6a66;--branco:#fff;--linha:#e4dcd4;--vermelho:#a3262a}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bege);color:var(--texto);margin:0;font-family:Montserrat,system-ui,sans-serif;font-size:15px}h1,h2,h3,.titulo{color:var(--vinho);margin:0;font-family:GFS Didot,Georgia,serif;font-weight:400}h1{font-size:30px}h2{font-size:22px}h3{font-size:18px}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit;font-size:14px}.app{min-height:100%;display:flex}.menu{background:var(--vinho);width:240px;color:var(--bege);flex-direction:column;flex-shrink:0;height:100vh;display:flex;position:sticky;top:0}.menu__topo{border-bottom:1px solid #ffffff1f;padding:24px 20px 18px}.menu__marca{color:var(--bege);font-family:GFS Didot,Georgia,serif;font-size:24px}.menu__grupo{flex:1;padding:16px 12px 6px;overflow-y:auto}.menu__titulo{letter-spacing:.08em;text-transform:uppercase;color:#d9bfc3;padding:0 8px 8px;font-size:11px}.menu__item{width:100%;color:var(--bege);text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;margin-bottom:4px;padding:10px 12px;font-size:14px;display:flex}.menu__item:hover{background:#ffffff1a}.menu__item--ativo{background:var(--terracota);color:var(--branco);font-weight:600}.menu__acoes{flex-direction:column;gap:6px;padding:0 16px 8px;display:flex}.menu__botao{color:var(--bege);background:0 0;border:1px solid #ffffff4d;border-radius:8px;padding:7px 10px;font-size:12px;font-weight:600}.menu__botao:hover{background:#ffffff1f}.menu__salvando{color:#f0dede;font-size:12px}.menu__rodape{text-align:center;color:#cfa9ae;padding:0 12px 14px;font-size:10px}.fundo-menu{display:none}.conteudo{flex:1;min-width:0;padding:28px 40px 48px}.barra-mobile{display:none}.faixa-demo,.faixa-erro{border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:18px;padding:10px 14px;font-size:13px;display:flex}.faixa-demo{color:#6b4a2a;background:#efe3d4;border:1px solid #e2cdb3}.faixa-erro{color:var(--vermelho);background:#f7dede;border:1px solid #e8b8b8}.faixa-demo button,.faixa-demo a,.faixa-erro button{color:inherit;background:0 0;border:1px solid;border-radius:6px;padding:4px 10px;font-size:12px;text-decoration:none}.faixa-demo__acoes{gap:8px;display:flex}.pagina__cabecalho{margin-bottom:20px}.pagina__cabecalho p{color:var(--suave);margin:6px 0 0}.cartao{background:var(--branco);border:1px solid var(--linha);border-radius:10px;padding:16px}.abas{border-bottom:1px solid var(--linha);flex-wrap:wrap;gap:6px;margin-bottom:20px;display:flex}.aba{color:var(--suave);background:0 0;border:0;border-bottom:3px solid #0000;margin-bottom:-1px;padding:10px 14px;font-size:14px}.aba:hover{color:var(--vinho)}.aba--ativa{color:var(--vinho);border-bottom-color:var(--terracota);font-weight:600}.grade-cartoes{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.numero{background:var(--branco);border:1px solid var(--linha);border-radius:10px;padding:14px 16px}.numero__rotulo{color:var(--suave);font-size:12px}.numero__valor{margin-top:4px;font-size:22px;font-weight:600;display:block}.numero--vinho{background:var(--vinho);border-color:var(--vinho);color:var(--bege)}.numero--vinho .numero__rotulo{color:#e5cfd2}.verde{color:var(--verde)}.vinho{color:var(--vinho)}.terracota{color:var(--terracota)}.vermelho{color:var(--vermelho)}.destaque{background:var(--branco);border:1px solid var(--linha);border-radius:10px;margin-bottom:20px;padding:18px 20px}.destaque__valor{margin-top:4px;font-size:30px;font-weight:600;display:block}.duas-colunas{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px;display:grid}.barra-linha{margin-bottom:12px}.barra-linha__topo{justify-content:space-between;margin-bottom:4px;font-size:13px;display:flex}.barra-linha__trilho{background:#efe7df;border-radius:4px;height:8px;overflow:hidden}.barra-linha__preenchimento{border-radius:4px;height:100%}.comparativo{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.comparativo__mes{border:1px solid var(--linha);border-radius:8px;padding:10px;font-size:12px;line-height:1.6}.comparativo__mes--atual{background:var(--vinho);color:var(--bege);border-color:var(--vinho)}.comparativo__mes--previsto{border-style:dashed;border-color:var(--terracota)}.seletor-mes{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.seletor-mes button:not(.botao){background:var(--branco);border:1px solid var(--linha);border-radius:8px;padding:6px 10px}.seletor-mes button:disabled{opacity:.4;cursor:not-allowed}.vazio{text-align:center;color:var(--suave);padding:28px 16px}.vazio h3{margin-bottom:8px}.botao{border:1px solid var(--vinho);background:var(--branco);color:var(--vinho);border-radius:8px;padding:8px 14px;font-size:14px;font-weight:600}.botao:hover{background:#f3e9ea}.botao--primario{background:var(--vinho);color:var(--bege)}.botao--primario:hover{background:var(--vinho-escuro)}.botao--perigo{border-color:var(--vermelho);color:var(--vermelho)}.botao--pequeno{padding:4px 10px;font-size:12px}.botao:disabled{opacity:.5;cursor:not-allowed}.formulario{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:end;gap:12px;display:grid}.campo{color:var(--suave);flex-direction:column;gap:4px;font-size:12px;display:flex}.campo input,.campo select,.campo textarea{border:1px solid var(--linha);background:var(--branco);color:var(--texto);border-radius:8px;padding:8px 10px}.campo input:focus,.campo select:focus{outline:2px solid var(--terracota);outline-offset:0}.acoes{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.tabela{border-collapse:collapse;width:100%;font-size:14px}.tabela th{text-align:left;color:var(--suave);border-bottom:1px solid var(--linha);padding:8px 10px;font-size:12px;font-weight:600}.tabela td{vertical-align:middle;border-bottom:1px solid #f0e9e2;padding:9px 10px}.tabela .direita{text-align:right;white-space:nowrap}.aviso{color:var(--suave);margin:8px 0;font-size:13px}.aviso--erro{color:var(--vermelho)}.aviso--ok{color:var(--verde)}@media (width<=800px){.tabela--lista thead{display:none}.tabela--lista,.tabela--lista tbody,.tabela--lista tr,.tabela--lista td{width:100%;display:block}.tabela--lista tr{border-bottom:1px solid var(--linha);padding:8px 0}.tabela--lista td{text-align:right;border:0;justify-content:space-between;gap:12px;padding:3px 0;display:flex}.tabela--lista td[data-rotulo]:before{content:attr(data-rotulo);color:var(--suave);text-align:left;font-size:12px}}.cabecalho{background:linear-gradient(120deg, var(--branco) 55%, #f1e6e3);border:1px solid var(--linha);border-radius:16px;margin-bottom:22px;padding:26px 30px}.cabecalho__data{letter-spacing:.14em;text-transform:uppercase;color:var(--terracota);margin-bottom:6px;font-size:12px;font-weight:600}.cabecalho h1{font-size:38px}.cabecalho__citacao{border-left:3px solid var(--terracota);max-width:760px;margin:18px 0 0;padding:2px 0 2px 16px}.cabecalho__citacao p{color:var(--texto);margin:0;font-family:GFS Didot,Georgia,serif;font-size:19px;font-style:italic}.cabecalho__citacao cite{letter-spacing:.08em;text-transform:uppercase;color:var(--terracota);margin-top:8px;font-size:12px;font-style:normal;font-weight:600;display:block}.grade-areas{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.area-cartao{background:var(--branco);border:1px solid var(--linha);border-radius:16px;flex-direction:column;gap:6px;padding:22px;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex}.area-cartao--ativo{cursor:pointer}.area-cartao--ativo:hover,.area-cartao--ativo:focus-visible{border-color:var(--terracota);outline:none;transform:translateY(-3px);box-shadow:0 10px 24px #6b2d351f}.area-cartao--breve{color:var(--suave);background:0 0;border-style:dashed}.area-cartao__topo{align-items:center;gap:14px;margin-bottom:10px;display:flex}.area-cartao__topo h2{font-size:22px}.area-cartao__sub{color:var(--suave);font-size:13px}.area-cartao__icone{width:42px;height:42px;color:var(--vinho);background:#f1e6e3;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.area-cartao--breve .area-cartao__icone{color:var(--suave);background:#efe9e3}.area-cartao__rotulo{color:var(--suave);font-size:12px}.area-cartao__numero{margin-bottom:8px;font-family:GFS Didot,Georgia,serif;font-size:44px;line-height:1.1}.area-cartao__linhas,.area-cartao__proximas{border-top:1px solid var(--linha);margin-top:4px;padding-top:10px}.area-cartao__proximas{margin-top:10px}.area-cartao__linha{justify-content:space-between;gap:12px;padding:4px 0;font-size:14px;display:flex}.area-cartao__link{color:var(--vinho);background:0 0;border:0;align-self:flex-start;align-items:center;gap:6px;margin-top:14px;padding:0;font-size:14px;font-weight:600;display:inline-flex}.area-cartao--ativo:hover .area-cartao__link svg{transform:translate(3px)}.area-cartao__link svg{transition:transform .15s}@media (width<=800px){.app{display:block}.menu{z-index:30;transition:transform .2s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.menu--aberto{transform:translate(0)}.fundo-menu{z-index:20;background:#0006;display:block;position:fixed;inset:0}.conteudo{padding:16px 16px 40px}.barra-mobile{align-items:center;gap:12px;margin-bottom:14px;display:flex}.barra-mobile button{background:var(--vinho);color:var(--bege);border:0;border-radius:8px;place-items:center;padding:8px;display:grid}.barra-mobile__marca{color:var(--vinho);font-family:GFS Didot,Georgia,serif;font-size:20px}h1{font-size:24px}.grade-cartoes{grid-template-columns:1fr 1fr}.duas-colunas,.comparativo{grid-template-columns:1fr}.abas{scrollbar-width:none;flex-wrap:nowrap;overflow:auto hidden}.aba{white-space:nowrap}.cabecalho{padding:20px 18px}.cabecalho h1{font-size:28px}.cabecalho__citacao p{font-size:16px}.grade-areas{grid-template-columns:1fr}.area-cartao__numero{font-size:36px}}@media (width<=480px){.grade-cartoes{grid-template-columns:1fr}}.entrar{background:var(--bege);place-items:center;min-height:100vh;padding:20px;display:grid}.entrar__cartao{background:var(--branco);border:1px solid var(--linha);border-radius:12px;width:100%;max-width:380px;padding:28px 24px}.entrar__marca{color:var(--vinho);margin-bottom:14px;font-family:GFS Didot,Georgia,serif;font-size:18px;display:block}.entrar__form{flex-direction:column;gap:12px;margin-top:16px;display:flex}.entrar__form label{color:var(--suave);flex-direction:column;gap:4px;font-size:12px;display:flex}.entrar__form input{border:1px solid var(--linha);border-radius:8px;padding:10px;font-size:15px}.suave{color:var(--suave);margin:6px 0 0}.erro{color:var(--vermelho);margin:0;font-size:13px}.link{color:var(--vinho);background:0 0;border:0;align-self:flex-start;padding:0;font-size:13px;text-decoration:underline}.opcao{text-align:left;background:var(--branco);border:1px solid var(--linha);width:100%;color:var(--texto);border-radius:10px;align-items:flex-start;gap:10px;margin-top:8px;padding:10px 12px;font-size:14px;display:flex}.opcao:hover{border-color:var(--terracota)}.opcao--marcada{border-color:var(--vinho);background:#f1e6e3}.opcao__caixa{border:2px solid var(--terracota);background:var(--branco);width:20px;height:20px;color:var(--vinho);border-radius:6px;flex-shrink:0;place-items:center;margin-top:1px;display:grid}.opcao--marcada .opcao__caixa{background:var(--vinho);border-color:var(--vinho);color:var(--bege)}.selo-dia{background:var(--verde);color:var(--branco);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-flex}.garrafas{flex-wrap:wrap;align-items:center;gap:6px;margin:6px 0 12px;display:flex}.garrafa{color:#d8ccc6}.garrafa--cheia{color:var(--verde);fill:#cfe0d4}.semana-agua{text-align:center;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;font-size:12px;display:grid}.semana-agua__dia{border:1px solid var(--linha);border-radius:8px;flex-direction:column;gap:2px;padding:6px 2px;display:flex}.semana-agua__dia--atual{background:var(--vinho);border-color:var(--vinho);color:var(--bege)}.grafico{width:100%;height:auto;display:block}.grafico-topo{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:10px;display:flex}.grafico-topo h3{margin:0}.legenda{color:var(--suave);gap:14px;font-size:12px;display:flex}.legenda span{align-items:center;gap:6px;display:inline-flex}.legenda i{border-radius:2px;width:10px;height:10px;display:inline-block}.legenda__previsto{border:1px dashed var(--vinho);background:#6b2d354d}.grafico-rolagem{overflow-x:auto}.grafico-ano{max-width:none;display:block}.grafico__mes{cursor:pointer;outline:none}.grafico__mes:focus-visible rect:first-of-type{stroke:var(--terracota);stroke-width:1.5px}.grupo-contas{margin-bottom:8px}.grupo-contas__topo{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px;margin:8px 0 12px;display:flex}.grupo-contas__topo h3{margin:0}.grupo-contas__total{color:var(--suave);font-size:13px}.grupo-contas__total strong{margin-left:6px;font-size:18px}.fatura__estado{margin:0 0 12px;font-size:15px}