.login-container{background-color:var(--cor-card);border-radius:12px;width:100%;max-width:500px;margin:20px;padding:24px;position:relative;box-shadow:0 4px 20px #0000001a}.login-topo{justify-content:flex-end;margin-bottom:-8px;display:flex}.login-container h1{text-align:center;color:var(--cor-primaria);margin-bottom:8px}.login-container p{text-align:center;color:var(--cor-texto-suave);margin-bottom:24px}.campo{flex-direction:column;margin-bottom:10px;display:flex}.campo label{color:var(--cor-texto);margin-bottom:6px;font-size:13px;font-weight:600}.campo input{border:1px solid var(--cor-borda);background-color:var(--cor-card);width:100%;color:var(--cor-texto);border-radius:8px;outline:none;padding:9px 12px;font-size:14px;transition:border .3s}.campo input:focus{border-color:var(--cor-primaria)}.linha{gap:12px;display:flex}.linha .campo{flex:1}button{background-color:var(--cor-primaria);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:100%;height:50px;padding:14px;font-size:16px;transition:background .3s;display:flex}button:hover{background-color:var(--cor-primaria-hover)}button:disabled{background-color:var(--cor-primaria-disabled);cursor:not-allowed}.spinner{border:3px solid #fff5;border-top-color:#fff;border-radius:50%;width:22px;height:22px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.mensagem-sucesso{background-color:var(--cor-verde-fundo);color:var(--cor-verde);border:1px solid var(--cor-verde-borda);text-align:center;border-radius:8px;height:auto;margin-bottom:20px;padding:16px;font-weight:700;animation:.5s fadeIn;overflow:visible}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mensagem-sucesso a{margin-top:10px;font-weight:700;text-decoration:underline;display:block;color:var(--cor-verde)!important}.mensagem-sucesso a:hover{opacity:.85}.historico{border-top:1px solid var(--cor-borda);margin-top:30px;padding-top:20px}.historico h2{color:var(--cor-primaria);margin-bottom:16px;font-size:18px}.historico-item{background-color:var(--cor-fundo-suave);border:1px solid var(--cor-borda);border-radius:8px;margin-bottom:10px;padding:12px;font-size:14px;line-height:1.6}.aviso-codigo{color:var(--cor-texto-suave);text-align:center;margin-bottom:12px;font-size:13px}.btn-voltar{margin-top:8px;font-size:13px;color:var(--cor-primaria)!important;background:0 0!important}@media (width<=480px){.login-container{margin:10px;padding:24px 16px}.linha{flex-direction:column;gap:0}}.painel-container{width:100%;max-width:700px;margin:40px auto;padding:0 20px}.painel-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.painel-header h1{color:var(--cor-primaria)}.painel-header-acoes{align-items:center;gap:10px;display:flex}.btn-nova{background-color:var(--cor-primaria);color:#fff;cursor:pointer;border:none;border-radius:8px;width:auto;height:auto;padding:10px 18px;font-size:14px}.btn-nova:hover{background-color:var(--cor-primaria-hover)}.painel-tabs{border-bottom:1px solid var(--cor-borda);gap:8px;margin-bottom:24px;display:flex}.tab-btn{color:var(--cor-texto-suave);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;width:auto;height:auto;margin-right:16px;padding:10px 4px;font-size:14px;font-weight:600}.tab-btn:hover{color:var(--cor-texto);background:0 0}.tab-ativa{color:var(--cor-primaria);border-bottom-color:var(--cor-primaria)}.resumo-cards{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:20px;display:grid}.resumo-card{background:var(--cor-card);border:1px solid var(--cor-borda);cursor:pointer;text-align:left;border-radius:12px;flex-direction:column;align-items:flex-start;gap:6px;width:auto;height:auto;padding:14px 16px;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex}.resumo-card:hover{background:var(--cor-card);transform:translateY(-3px);box-shadow:0 6px 16px #0000001a}.resumo-card-ativo{border-color:var(--cor-primaria);background:var(--cor-primaria-tint)}.resumo-icone{font-size:18px}.resumo-label{color:var(--cor-texto-suave);font-size:12px}.resumo-valor{color:var(--cor-texto);font-size:20px;font-weight:700}.resumo-verde{color:var(--cor-verde)}.resumo-laranja{color:var(--cor-laranja)}.resumo-painel{grid-template-columns:2fr 1fr;gap:16px;margin-bottom:28px;display:grid}.resumo-grafico,.resumo-status{background:var(--cor-card);border:1px solid var(--cor-borda);border-radius:12px;padding:16px 20px}.resumo-grafico h3,.resumo-status h3{color:var(--cor-texto-suave);margin-bottom:16px;font-size:13px}.grafico-barras{align-items:flex-end;gap:16px;height:160px;padding-top:28px;display:flex}.grafico-coluna{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:8px;min-width:0;height:100%;display:flex}.grafico-track{background:var(--cor-fundo-suave);border-radius:6px;justify-content:center;align-items:flex-end;width:32px;height:100%;display:flex;position:relative;overflow:visible}.grafico-barra{background:linear-gradient(180deg, var(--cor-primaria-hover), var(--cor-primaria));border-radius:6px;width:100%;min-height:4px;transition:height .3s}.grafico-valor{color:var(--cor-texto);white-space:nowrap;font-size:11px;font-weight:600;position:absolute;left:50%;transform:translate(-50%)}.grafico-label{color:var(--cor-texto-suave);text-transform:capitalize;font-size:12px}.status-barra{background:var(--cor-fundo-suave);border-radius:6px;height:10px;margin-bottom:16px;display:flex;overflow:hidden}.status-segmento-paga{background:var(--cor-verde)}.status-segmento-vencida{background:var(--cor-vermelho)}.status-segmento-avencer{background:var(--cor-laranja)}.status-lista{flex-direction:column;gap:10px;font-size:14px;list-style:none;display:flex}.status-lista li{color:var(--cor-texto);align-items:center;gap:8px;display:flex}.status-lista strong{margin-left:auto}.bolinha{border-radius:50%;width:9px;height:9px;display:inline-block}.bolinha-paga{background:var(--cor-verde)}.bolinha-vencida{background:var(--cor-vermelho)}.bolinha-avencer{background:var(--cor-laranja)}@media (width<=640px){.resumo-painel{grid-template-columns:1fr}}.resumo-calendario,.resumo-tabela{background:var(--cor-card);border:1px solid var(--cor-borda);border-radius:12px;margin-bottom:20px;padding:16px 20px}.calendario-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.calendario-header h3{color:var(--cor-texto-suave);font-size:13px}.calendario-nav{align-items:center;gap:12px;display:flex}.calendario-nav button{border:1px solid var(--cor-borda);width:28px;height:28px;color:var(--cor-texto);cursor:pointer;background:0 0;border-radius:6px;padding:0;font-size:14px}.calendario-nav button:hover{background:var(--cor-fundo-suave)}.calendario-mes-label{color:var(--cor-texto);text-transform:capitalize;text-align:center;min-width:120px;font-size:13px;font-weight:600}.calendario-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.calendario-dias-semana{color:var(--cor-texto-suave);text-align:center;margin-bottom:6px;font-size:11px}.calendario-dia{aspect-ratio:1;cursor:pointer;color:var(--cor-texto);background:0 0;border:1px solid #0000;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:auto;height:auto;padding:4px;font-size:13px;display:flex}.calendario-dia:hover{background:var(--cor-fundo-suave)}.calendario-dia-vazio{cursor:default;visibility:hidden}.calendario-dia-hoje{border-color:var(--cor-primaria)}.calendario-dia-selecionado{background:var(--cor-primaria-tint);border-color:var(--cor-primaria)}.calendario-pontos{gap:3px;display:flex}.ponto{border-radius:50%;width:5px;height:5px;display:inline-block}.ponto-paga{background:var(--cor-verde)}.ponto-vencida{background:var(--cor-vermelho)}.ponto-avencer{background:var(--cor-laranja)}.calendario-selecionado-lista{border-top:1px solid var(--cor-borda);margin-top:16px;padding-top:16px}.calendario-selecionado-lista h4{color:var(--cor-texto-suave);text-transform:capitalize;margin-bottom:10px;font-size:13px}.calendario-item{cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;font-size:13px;display:flex}.calendario-item:hover{background:var(--cor-fundo-suave)}.resumo-tabela-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.resumo-tabela-header h3{color:var(--cor-texto);font-size:14px}.resumo-tabela-tabs{gap:6px;display:flex}.tabela-tab{border:1px solid var(--cor-borda);color:var(--cor-texto-suave);cursor:pointer;background:0 0;border-radius:6px;width:auto;height:auto;padding:5px 12px;font-size:12px}.tabela-tab:hover{background:var(--cor-fundo-suave)}.tabela-tab-ativa{background:var(--cor-primaria);border-color:var(--cor-primaria);color:#fff}.filtro-chip{background:var(--cor-primaria-tint);color:var(--cor-primaria);border-radius:6px;align-items:center;gap:8px;margin-bottom:12px;padding:4px 10px;font-size:12px;display:inline-flex}.filtro-chip button{color:var(--cor-primaria);cursor:pointer;background:0 0;border:none;width:auto;height:auto;padding:0;font-size:14px;line-height:1}.tabela-scroll{overflow-x:auto}.tabela-contas{border-collapse:collapse;width:100%;font-size:13px}.tabela-contas th{text-align:left;color:var(--cor-texto-suave);border-bottom:1px solid var(--cor-borda);white-space:nowrap;padding:8px 10px;font-size:12px;font-weight:600}.tabela-contas td{border-bottom:1px solid var(--cor-borda);color:var(--cor-texto);white-space:nowrap;padding:10px}.tabela-contas tbody tr{cursor:pointer}.tabela-contas tbody tr:hover{background:var(--cor-fundo-suave)}.status-paga{background:var(--cor-verde-fundo);color:var(--cor-verde)}.lista-contas{flex-direction:column;gap:12px;display:flex}.vazio{text-align:center;color:var(--cor-texto-suave);padding:40px 0}.conta-card{background:var(--cor-card);border:1px solid var(--cor-borda);border-radius:12px;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.conta-descricao{margin-bottom:4px;font-weight:600}.conta-info{color:var(--cor-texto-suave);font-size:13px}.erro{color:var(--cor-vermelho);margin-bottom:8px;font-size:13px}.conta-acoes{align-items:center;gap:10px;display:flex}.conta-acoes button{border:1px solid var(--cor-borda);cursor:pointer;width:auto;height:auto;color:var(--cor-texto);background:0 0;border-radius:6px;padding:6px 12px;font-size:13px}.conta-acoes button:disabled{opacity:.6;cursor:wait;background:0 0}.btn-ver-mais{border:1px solid var(--cor-borda);color:var(--cor-texto-suave);cursor:pointer;background:0 0;border-radius:8px;width:100%;height:auto;margin-top:4px;padding:8px;font-size:13px}.btn-ver-mais:hover{background:var(--cor-fundo-suave)}.status{border-radius:6px;padding:4px 10px;font-size:12px}.status-vencida{background:var(--cor-vermelho-fundo);color:var(--cor-vermelho)}.status-proxima{background:var(--cor-laranja-fundo);color:var(--cor-laranja)}.status-ok{background:var(--cor-fundo-suave);color:var(--cor-texto-suave)}.modal-fundo{background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-conteudo{background:var(--cor-card);border-radius:12px;width:90%;max-width:420px;padding:24px}.modal-conteudo h2{color:var(--cor-primaria);margin-bottom:16px}.campo-checkbox{flex-direction:row;align-items:center;gap:8px}.campo-checkbox label{cursor:pointer;align-items:center;gap:8px;font-weight:400;display:flex}.campo-checkbox input{width:auto}.historico-pagas{border-top:1px solid var(--cor-borda);margin-top:32px;padding-top:20px}.historico-pagas h3{color:var(--cor-texto-suave);margin-bottom:12px;font-size:14px}.pagas-mes{background:var(--cor-fundo-suave);border:1px solid var(--cor-borda);border-radius:10px;margin-bottom:10px;overflow:hidden}.pagas-mes summary{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;list-style:none;display:flex}.pagas-mes summary::-webkit-details-marker{display:none}.pagas-mes summary:before{content:"▸";color:var(--cor-texto-suave);transition:transform .15s}.pagas-mes[open] summary:before{transform:rotate(90deg)}.pagas-mes-nome{color:var(--cor-texto);flex:1;font-size:14px;font-weight:600}.pagas-mes-resumo{color:var(--cor-verde);white-space:nowrap;font-size:13px}.conta-paga{border-top:1px solid var(--cor-borda);align-items:center;gap:12px;padding:10px 16px;font-size:13px;display:flex}.conta-paga-check{background:var(--cor-verde-fundo);width:22px;height:22px;color:var(--cor-verde);border-radius:50%;flex-shrink:0;place-items:center;font-size:12px;display:grid}.conta-paga-info{flex-direction:column;flex:1;min-width:0;display:flex}.conta-paga-descricao{color:var(--cor-texto);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.conta-paga-data{color:var(--cor-texto-suave);font-size:12px}.conta-paga-valor{color:var(--cor-texto);white-space:nowrap;font-weight:600}.conta-paga .conta-paga-excluir{cursor:pointer;width:28px;height:28px;color:var(--cor-texto-suave);opacity:.5;background:0 0;border:none;border-radius:6px;padding:0;font-size:13px}.conta-paga:hover .conta-paga-excluir{opacity:1}.conta-paga .conta-paga-excluir:hover{background:var(--cor-vermelho-fundo);color:var(--cor-vermelho)}@media (width<=600px){.painel-container{margin:20px auto;padding:0 12px}.painel-header h1{font-size:22px}.painel-header-acoes{gap:8px}.btn-nova{padding:9px 14px;font-size:13px}.painel-tabs{gap:4px}.tab-btn{margin-right:10px;font-size:13px}.resumo-cards{grid-template-columns:repeat(2,1fr);gap:8px}.resumo-card{padding:10px 12px}.resumo-valor{font-size:17px}.resumo-grafico,.resumo-status,.resumo-calendario,.resumo-tabela{padding:14px}.grafico-track{width:24px}.grafico-valor{font-size:10px}.conta-card{flex-direction:column;align-items:flex-start;gap:10px}.conta-acoes{flex-wrap:wrap;width:100%}.modal-conteudo{padding:18px}}@media (width<=380px){.resumo-cards{grid-template-columns:1fr 1fr}.painel-header{flex-direction:column;align-items:flex-start}.painel-header-acoes{justify-content:space-between;width:100%}}*{box-sizing:border-box;margin:0;padding:0}:root{--cor-fundo:#f0f2f5;--cor-texto:#333;--cor-texto-suave:#888;--cor-card:#fff;--cor-borda:#eee;--cor-primaria:#6c63ff;--cor-primaria-hover:#5548e0;--cor-primaria-disabled:#a89ff5;--cor-fundo-suave:#f8f8f8;--cor-verde:#2e9e5b;--cor-verde-fundo:#e6ffed;--cor-verde-borda:#b7f5c8;--cor-vermelho:#c0392b;--cor-vermelho-fundo:#ffe6e6;--cor-laranja:#d98a1f;--cor-laranja-fundo:#fff3cd;--cor-primaria-tint:#6c63ff14}[data-theme=dark]{--cor-fundo:#14151a;--cor-texto:#e8e8ef;--cor-texto-suave:#9a9aa5;--cor-card:#1e1f26;--cor-borda:#2c2d36;--cor-primaria:#7d75ff;--cor-primaria-hover:#8f88ff;--cor-primaria-disabled:#4a4680;--cor-fundo-suave:#26272f;--cor-verde:#4cc27f;--cor-verde-fundo:#163524;--cor-verde-borda:#1f5236;--cor-vermelho:#ff6b5e;--cor-vermelho-fundo:#3a1e1c;--cor-laranja:#e0a744;--cor-laranja-fundo:#3a2f15;--cor-primaria-tint:#7d75ff29}body{background-color:var(--cor-fundo);color:var(--cor-texto);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;transition:background-color .2s,color .2s}.app{justify-content:center;align-items:flex-start;min-height:100vh;padding:20px 0;display:flex}.btn-tema{border:1px solid var(--cor-borda);color:var(--cor-texto);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;padding:0;font-size:18px;display:flex}.btn-tema:hover{background:var(--cor-fundo-suave)}