.planilha-topo{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:22px}.planilha-nome{font-family:var(--serif);font-size:21px;font-weight:400;margin:0 0 2px}.barra-mes{display:flex;align-items:center;gap:8px}.barra-mes-nome{font-family:var(--serif);font-size:18px;min-width:168px;text-align:center}.seta{width:34px;height:34px;display:grid;place-items:center;font-size:20px;line-height:1;color:var(--tinta-media);background:var(--cartao);border:1px solid var(--borda);border-radius:8px;cursor:pointer;transition:border-color .15s ease,color .15s ease}.seta:hover{border-color:var(--tan);color:var(--tinta)}.seta:focus-visible{outline:2px solid var(--tan);outline-offset:1px}.bloco-valor.dinheiro{font-family:var(--mono);font-size:19px;letter-spacing:-.01em;font-variant-numeric:tabular-nums}.bloco-valor.pos{color:var(--tan)}.bloco-valor.neg{color:var(--erro)}.bloco-sub{font-family:var(--mono);font-size:10.5px;color:var(--tinta-fraca);margin:4px 0 0}.secao-titulo{font-family:var(--mono);font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--tinta-fraca);margin:28px 0 10px}.lista{background:var(--cartao);border:1px solid var(--borda);border-radius:var(--raio);overflow:hidden}.linha{display:grid;grid-template-columns:46px 1fr auto;gap:12px;align-items:baseline;padding:11px 16px;border-top:1px solid var(--papel-linha)}.linha:first-child{border-top:0}.linha-data{font-family:var(--mono);font-size:12px;color:var(--tinta-fraca);white-space:nowrap}.linha-data.atrasado{color:var(--erro)}.linha-desc{font-size:14px;color:var(--tinta);min-width:0}.linha-valor{font-family:var(--mono);font-size:14px;font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.linha-valor.saida{color:var(--tinta)}.linha-valor.entrada{color:var(--tan)}.etiqueta{display:inline-block;font-family:var(--mono);font-size:10.5px;letter-spacing:.02em;color:var(--tinta-fraca);background:var(--papel);border:1px solid var(--papel-linha);border-radius:5px;padding:1px 6px;margin-left:7px;vertical-align:1px;white-space:nowrap}.etiqueta.vazia{color:var(--tan);border-color:#ecd9bd;background:var(--tan-fundo)}.etiqueta.erro{color:var(--erro);border-color:#f0cdc6;background:var(--erro-fundo)}.cartoes-planilha{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.cartao-planilha{display:flex;flex-direction:column;gap:4px;text-align:left;background:var(--cartao);border:1px solid var(--borda);border-radius:var(--raio);padding:16px 18px;cursor:pointer;transition:border-color .15s ease,transform .06s ease}.cartao-planilha:hover{border-color:var(--tan)}.cartao-planilha:active{transform:translateY(1px)}.cartao-planilha:focus-visible{outline:2px solid var(--tan);outline-offset:2px}.cartao-planilha-nome{font-family:var(--serif);font-size:18px;color:var(--tinta)}.cartao-planilha-meta{font-family:var(--mono);font-size:11px;color:var(--tinta-fraca);text-transform:capitalize}.lancar-area{margin:4px 0 8px}.botao-abrir{margin-bottom:10px;border:1px solid var(--borda);background:var(--cartao)}.botao-abrir:hover:not(:disabled){border-color:var(--tan);background:var(--cartao)}.form-lancar{background:var(--cartao);border:1px solid var(--borda);border-radius:var(--raio);padding:18px 18px 16px;margin-bottom:8px}.seg{display:inline-flex;gap:2px;padding:3px;background:var(--papel);border:1px solid var(--borda);border-radius:9px;margin-bottom:14px}.seg-tipo{margin-left:8px}.seg-op{font-family:var(--mono);font-size:11.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--tinta-media);background:none;border:0;border-radius:7px;padding:6px 14px;cursor:pointer;transition:background .12s ease,color .12s ease}.seg-op:hover{color:var(--tinta)}.seg-op.ativo{background:var(--cartao);color:var(--tinta);box-shadow:0 1px 2px #23211e14}.seg-op:focus-visible{outline:2px solid var(--tan);outline-offset:1px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:0 14px}.form-grid .campo{margin-bottom:14px}.form-grid .campo-largo{grid-column:1 / -1}select.campo-entrada{cursor:pointer;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.comp-dupla{display:grid;grid-template-columns:1fr 84px;gap:8px}.form-dica{font-size:12.5px;line-height:1.45;color:var(--tinta-media);background:var(--tan-fundo);border:1px solid #ecd9bd;border-radius:8px;padding:8px 11px;margin:2px 0 14px}.form-acoes{margin-top:2px}.form-acoes .botao{width:auto;padding:11px 28px}.linha-acao{grid-template-columns:46px 1fr auto 26px}.linha-x{width:22px;height:22px;display:grid;place-items:center;font-size:17px;line-height:1;color:var(--tinta-fraca);background:none;border:0;border-radius:5px;cursor:pointer;transition:background .12s ease,color .12s ease}.linha-x:hover{background:var(--erro-fundo);color:var(--erro)}.linha-x:focus-visible{outline:2px solid var(--tan);outline-offset:1px}:root{--papel: #eef1eb;--papel-linha: #dde4d9;--cartao: #fbfcfa;--borda: #d5dbd0;--tinta: #23211e;--tinta-media: #55524c;--tinta-fraca: #86827a;--tan: #a9662a;--tan-claro: #e3a863;--tan-fundo: #f6ead9;--erro: #9e3327;--erro-fundo: #fbeae7;--raio: 10px;--sombra: 0 1px 2px rgba(35, 33, 30, .05), 0 12px 32px -12px rgba(35, 33, 30, .18);--serif: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--sans);color:var(--tinta);background-color:var(--papel);background-image:repeating-linear-gradient(to bottom,transparent 0 27px,var(--papel-linha) 27px 28px);-webkit-font-smoothing:antialiased}.tela{min-height:100dvh;display:grid;place-items:center;padding:24px 16px 40px}.entrada{width:100%;max-width:352px}.mascote{display:block;width:172px;height:auto;margin:0 auto -30px;position:relative;z-index:2;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.cartao{position:relative;background:var(--cartao);border:1px solid var(--borda);border-radius:var(--raio);box-shadow:var(--sombra);padding:40px 28px 28px}.marca{text-align:center;margin-bottom:26px}.marca-nome{font-family:var(--serif);font-size:30px;font-weight:400;letter-spacing:.01em;margin:0;line-height:1.1}.marca-produto{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--tan);margin:7px 0 0}.campo{margin-bottom:16px}.campo-rotulo{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--tinta-fraca);margin-bottom:6px}.campo-caixa{position:relative}.campo-entrada{width:100%;font-family:var(--sans);font-size:15px;color:var(--tinta);background:var(--papel);border:1px solid var(--borda);border-radius:8px;padding:11px 12px;transition:border-color .15s ease,background .15s ease}.campo-entrada:hover:not(:focus){border-color:#c3ccbd}.campo-entrada:focus{outline:none;background:var(--cartao);border-color:var(--tan);box-shadow:0 0 0 3px #a9662a24}.campo-entrada::placeholder{color:#a9a69f}.campo-entrada[type=password]{padding-right:42px}.olho{position:absolute;right:4px;top:4px;width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:6px;background:none;color:var(--tinta-fraca);cursor:pointer}.olho:hover{color:var(--tinta)}.olho:focus-visible{outline:2px solid var(--tan);outline-offset:1px}.botao{width:100%;font-family:var(--sans);font-size:15px;font-weight:500;color:var(--papel);background:var(--tinta);border:0;border-radius:8px;padding:12px;cursor:pointer;transition:background .15s ease,transform .06s ease}.botao:hover:not(:disabled){background:#34312c}.botao:active:not(:disabled){transform:translateY(1px)}.botao:focus-visible{outline:2px solid var(--tan);outline-offset:2px}.botao:disabled{opacity:.55;cursor:default}.botao-discreto{width:auto;background:none;color:var(--tinta-media);font-size:13px;font-weight:400;padding:6px 10px}.botao-discreto:hover:not(:disabled){background:var(--papel);color:var(--tinta)}.aviso{font-size:13.5px;line-height:1.45;border-radius:8px;padding:10px 12px;margin-bottom:16px}.aviso-erro{color:var(--erro);background:var(--erro-fundo);border:1px solid #f0cdc6}.aviso-nota{color:var(--tinta-media);background:var(--tan-fundo);border:1px solid #ecd9bd}.rodape{margin:18px 0 0;text-align:center;font-size:12.5px;line-height:1.55;color:var(--tinta-fraca)}.painel{min-height:100dvh;padding:28px 20px 60px}.painel-conteudo{max-width:880px;margin:0 auto}.painel-topo{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-bottom:14px;border-bottom:1px solid var(--borda);margin-bottom:26px}.painel-titulo{font-family:var(--serif);font-size:25px;font-weight:400;margin:0}.painel-quem{font-family:var(--mono);font-size:12px;color:var(--tinta-fraca)}.blocos{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:26px}.bloco{background:var(--cartao);border:1px solid var(--borda);border-radius:var(--raio);padding:14px 16px}.bloco-rotulo{font-family:var(--mono);font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--tinta-fraca);margin:0}.bloco-valor{font-family:var(--serif);font-size:28px;margin:4px 0 0;line-height:1.1}.bloco-valor.alerta{color:var(--tan)}.vazio{background:var(--cartao);border:1px dashed var(--borda);border-radius:var(--raio);padding:34px 24px;text-align:center;color:var(--tinta-media);font-size:14px;line-height:1.6}.carregando{min-height:100dvh;display:grid;place-items:center;font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--tinta-fraca)}.so-leitor{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.pitico{overflow:visible}.pitico-corpo-todo{transform-origin:100px 190px}.pitico-cabeca{transform-origin:100px 100px}.pitico-rabo{transform-origin:143px 152px}.pitico-pupilas{transition:transform .22s cubic-bezier(.25,.9,.3,1)}.pitico-palpebra{transform-origin:center top;transform:scaleY(0);transition:transform .1s ease}.pitico-patas-cobrindo,.pitico-coracao,.pitico-zzz,.pitico-lingua{opacity:0}.pitico-coracao{transform-origin:100px 24px;transform:scale(.5)}.pitico-parado .pitico-corpo-todo{animation:respirar 3.6s ease-in-out infinite}.pitico-parado .pitico-cabeca{animation:gingar 7s ease-in-out infinite}.pitico-parado .pitico-palpebra{animation:piscar 5.5s infinite}.pitico-parado .pitico-rabo{animation:rabo-lento 2.4s ease-in-out infinite}.pitico-olhando .pitico-corpo-todo{animation:respirar 3s ease-in-out infinite}.pitico-olhando .pitico-palpebra{animation:piscar 6s infinite}.pitico-olhando .pitico-rabo{animation:rabo-lento 1.5s ease-in-out infinite}.pitico-envergonhado .pitico-cabeca{transform:rotate(-7deg);transition:transform .3s ease}.pitico-envergonhado .pitico-patas-cobrindo{opacity:1;animation:cobrir .3s ease-out}.pitico-envergonhado .pitico-patas{opacity:0}.pitico-envergonhado .pitico-corpo-todo{animation:respirar 3s ease-in-out infinite}.pitico-feliz .pitico-corpo-todo{animation:pular .6s ease-in-out infinite}.pitico-feliz .pitico-rabo{animation:rabo-rapido .22s ease-in-out infinite}.pitico-feliz .pitico-lingua{opacity:1}.pitico-feliz .pitico-coracao{opacity:1;transform:scale(1);animation:coracao 1.4s ease-in-out infinite}.pitico-dormindo .pitico-corpo-todo{transform:translateY(14px) scaleY(.9);transform-origin:100px 190px;transition:transform .6s ease;animation:respirar-fundo 4.4s ease-in-out infinite}.pitico-dormindo .pitico-cabeca{transform:rotate(9deg) translateY(6px);transition:transform .6s ease}.pitico-dormindo .pitico-palpebra{transform:scaleY(1)}.pitico-dormindo .pitico-zzz{opacity:1;animation:zzz 3s ease-in-out infinite}.truque-abanar .pitico-rabo{animation:rabo-rapido .18s ease-in-out 8}.truque-latir .pitico-cabeca{animation:latir .4s ease-out 2}.truque-girar .pitico-corpo-todo{animation:girar .9s ease-in-out 1}.truque-inclinar .pitico-cabeca{animation:inclinar 1.2s ease-in-out 1}.truque-espirrar .pitico-cabeca{animation:espirrar .55s ease-in-out 2}.truque-bocejar .pitico-boca{animation:bocejar 1.3s ease-in-out 1}.truque-bocejar .pitico-palpebra{animation:fechar-devagar 1.3s ease-in-out 1}@keyframes respirar{0%,to{transform:scale(1)}50%{transform:scale(1.014,.988)}}@keyframes respirar-fundo{0%,to{transform:translateY(14px) scaleY(.9)}50%{transform:translateY(14px) scale(1.035,.875)}}@keyframes gingar{0%,to{transform:rotate(0)}30%{transform:rotate(2.6deg)}65%{transform:rotate(-2.2deg)}}@keyframes piscar{0%,92%,to{transform:scaleY(0)}95%,97%{transform:scaleY(1)}}@keyframes fechar-devagar{0%,to{transform:scaleY(0)}35%,70%{transform:scaleY(1)}}@keyframes rabo-lento{0%,to{transform:rotate(-9deg)}50%{transform:rotate(9deg)}}@keyframes rabo-rapido{0%,to{transform:rotate(-22deg)}50%{transform:rotate(22deg)}}@keyframes cobrir{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}@keyframes pular{0%,to{transform:translateY(0) scale(1)}40%{transform:translateY(-9px) scale(.98,1.03)}70%{transform:translateY(0) scale(1.03,.97)}}@keyframes coracao{0%,to{transform:scale(1) translateY(0);opacity:1}50%{transform:scale(1.16) translateY(-4px);opacity:.85}}@keyframes zzz{0%{opacity:0;transform:translateY(6px)}30%{opacity:1}to{opacity:0;transform:translate(6px,-12px)}}@keyframes latir{0%,to{transform:translateY(0) scale(1)}25%{transform:translateY(-7px) scale(1.05)}55%{transform:translateY(2px) scale(.98)}}@keyframes girar{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(.9)}to{transform:rotate(360deg) scale(1)}}@keyframes inclinar{0%,to{transform:rotate(0)}30%,70%{transform:rotate(-17deg)}}@keyframes espirrar{0%,to{transform:translateY(0) rotate(0)}30%{transform:translateY(-4px) rotate(-9deg)}45%{transform:translateY(5px) rotate(7deg)}}@keyframes bocejar{0%,to{transform:scaleY(1)}40%,65%{transform:scaleY(2.4) translateY(2px)}}.pitico-boca{transform-origin:100px 100px}@media (prefers-reduced-motion: reduce){.pitico *,.pitico{animation:none!important;transition:none!important}.pitico-dormindo .pitico-palpebra{transform:scaleY(1)}.pitico-dormindo .pitico-zzz,.pitico-feliz .pitico-coracao,.pitico-envergonhado .pitico-patas-cobrindo{opacity:1}}
