*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--cor-fundo: #0f0f1a;--cor-card: rgba(22, 33, 62, .85);--cor-borda: rgba(15, 52, 96, .6);--cor-primaria: #e94560;--cor-primaria-hover: #ff6b81;--cor-texto: #f0f0f5;--cor-texto-secundario: #9090a8;--cor-sucesso: #2ecc71;--cor-erro: #e74c3c;--card-radius: 1rem}html{font-size:17px}@media(max-width:480px){html{font-size:15px}}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:var(--cor-fundo);background-image:radial-gradient(ellipse at 50% 0%,rgba(233,69,96,.06) 0%,transparent 60%);color:var(--cor-texto);min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding:2rem 0}#root{width:100%;max-width:520px;padding:0 1rem}.container{display:flex;flex-direction:column;align-items:center;gap:1.25rem}.header{text-align:center;margin-bottom:.25rem}.logo{font-size:1.75rem;font-weight:700;color:var(--cor-primaria);letter-spacing:.04em}.subtitulo{color:var(--cor-texto-secundario);font-size:.8125rem;margin-top:.15rem}.conteudo{width:100%;display:flex;flex-direction:column;gap:1rem}.card{background:var(--cor-card);border:1px solid var(--cor-borda);border-radius:var(--card-radius);padding:1.5rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.75rem;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.card h2{font-size:1.125rem;font-weight:600;line-height:1.4}.mensagem{color:var(--cor-texto-secundario);font-size:.9375rem;line-height:1.6;white-space:pre-line}.icone{font-size:2.5rem;line-height:1}.sucesso .icone{color:var(--cor-sucesso)}.erro .icone{color:var(--cor-erro)}.btn-sair{margin-top:.75rem;padding:.625rem 1.5rem;border:1px solid var(--cor-borda);border-radius:.5rem;background:transparent;color:var(--cor-texto-secundario);font-size:.875rem;cursor:pointer;transition:all .2s}.btn-sair:hover{border-color:var(--cor-erro);color:var(--cor-erro);background:#e74c3c14}.spinner{width:2rem;height:2rem;border:3px solid rgba(15,52,96,.3);border-top-color:var(--cor-primaria);border-radius:50%;animation:girar .7s linear infinite}@keyframes girar{to{transform:rotate(360deg)}}.nav-painel{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;width:100%}.nav-link{padding:.625rem 1rem;border:1px solid var(--cor-borda);border-radius:.5rem;background:transparent;color:var(--cor-texto-secundario);font-size:.875rem;text-decoration:none;cursor:pointer;transition:all .2s;font-family:inherit;-webkit-user-select:none;user-select:none}.nav-link:hover{border-color:var(--cor-primaria);color:var(--cor-texto);background:#e9456014}.nav-link.ativo{background:#e945601f;color:var(--cor-primaria);border-color:var(--cor-primaria)}.nav-separador{width:100%;height:1px;background:var(--cor-borda);margin:.125rem 0}.nav-sair{border-color:transparent;color:var(--cor-erro);font-weight:500}.nav-sair:hover{border-color:var(--cor-erro);color:var(--cor-erro);background:#e74c3c1a}.links-painel{display:flex;flex-direction:column;gap:.625rem;width:100%;margin-top:.25rem}.link-painel{display:block;text-align:center;padding:.75rem 1.5rem;background:var(--cor-card);border:1px solid var(--cor-borda);border-radius:.5rem;color:var(--cor-texto);text-decoration:none;font-size:.9375rem;font-weight:500;transition:all .2s}.link-painel:hover{background:#0f346080;border-color:var(--cor-primaria)}.link-descricao{display:block;font-size:.8125rem;font-weight:400;color:var(--cor-texto-secundario);margin-top:.2rem}.filtros-card{gap:.625rem}.filtros-linha{display:flex;gap:.5rem;width:100%}.filtro-label{flex:1;display:flex;flex-direction:column;gap:.25rem;font-size:.8125rem;color:var(--cor-texto-secundario);text-align:left}.filtro-input,.filtro-select{padding:.5rem;border:1px solid var(--cor-borda);border-radius:.5rem;background:#0f0f1a99;color:var(--cor-texto);font-size:.875rem;width:100%;transition:border-color .2s}.filtro-input:focus,.filtro-select:focus{outline:none;border-color:var(--cor-primaria)}.filtro-select{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.filtros-acoes{display:flex;gap:.5rem;width:100%}.btn-filtro{flex:1;padding:.5rem 1rem;border:1px solid var(--cor-borda);border-radius:.5rem;background:var(--cor-borda);color:var(--cor-texto);font-size:.875rem;cursor:pointer;transition:all .2s}.btn-filtro:hover{background:#1a4a7a;border-color:#1a4a7a}.btn-filtro.secundario{background:transparent}.btn-filtro.secundario:hover{border-color:var(--cor-texto-secundario);background:#ffffff0a}.btn-voltar{margin-top:.5rem;padding:.625rem 1.5rem;border:1px solid var(--cor-borda);border-radius:.5rem;background:transparent;color:var(--cor-texto-secundario);font-size:.875rem;cursor:pointer;transition:all .2s}.btn-voltar:hover{border-color:var(--cor-primaria);color:var(--cor-primaria);background:#e945600f}.periodo-label{color:var(--cor-texto-secundario);font-size:.8125rem}.total-label{font-size:1rem;color:var(--cor-texto)}.total-label.secundario{font-size:.8125rem;color:var(--cor-texto-secundario);margin-bottom:.25rem}.lista-gastos{list-style:none;width:100%;display:flex;flex-direction:column;gap:.625rem;margin-top:.25rem}.item-gasto{text-align:left;padding:.75rem;background:#ffffff08;border-radius:.5rem;border:1px solid transparent;transition:border-color .2s,background .2s}.item-gasto:hover{border-color:var(--cor-borda);background:#ffffff0d}.item-descricao{font-size:.9375rem;font-weight:500;margin-bottom:.2rem}.item-detalhes{font-size:.8125rem;color:var(--cor-texto-secundario)}.paginacao{display:flex;gap:.5rem;width:100%;margin-top:.25rem}.btn-pagina{flex:1;padding:.5rem 1rem;border:1px solid var(--cor-borda);border-radius:.5rem;background:transparent;color:var(--cor-texto);font-size:.8125rem;cursor:pointer;transition:all .2s}.btn-pagina:hover:not(:disabled){border-color:var(--cor-primaria);color:var(--cor-primaria);background:#e945600f}.btn-pagina:disabled{opacity:.3;cursor:not-allowed}.secao-titulo{font-size:1rem;font-weight:600}.lista-categorias{list-style:none;width:100%;display:flex;flex-direction:column;gap:1rem;margin-top:.5rem}.item-categoria{text-align:left;cursor:pointer;padding:.25rem .5rem;border-radius:.5rem;transition:background .15s}.item-categoria:hover{background:#ffffff0a}.item-categoria.ativo{background:#e945601a;outline:1px solid var(--cor-primaria)}.filtro-ativo{font-size:.8125rem;color:var(--cor-primaria)}.cat-header{display:flex;justify-content:space-between;align-items:center;font-size:.9375rem}.cat-nome{font-weight:500}.cat-sub{display:flex;justify-content:space-between;font-size:.8125rem;color:var(--cor-texto-secundario);margin-top:.125rem;margin-bottom:.375rem}.barra-bg{width:100%;height:.5rem;background:#ffffff0f;border-radius:.25rem;overflow:hidden}.barra-preenchimento{height:100%;background:linear-gradient(90deg,var(--cor-primaria),#ff6b81);border-radius:.25rem;transition:width .3s ease}