.app:has(.login-container){grid-template-columns:1fr 1fr;align-items:stretch;min-height:100vh;padding:0;display:grid}.app:has(.login-container):before{content:"";background-color:var(--cor-primaria);background-image:repeating-linear-gradient(-45deg,#ffffff0a 0 1px,#0000 1px 14px)}.login-container{box-shadow:none;background:0 0;border:none;place-self:center;width:100%;max-width:300px;margin:0;padding:0;position:relative}@media (width<=860px){.app:has(.login-container){grid-template-columns:1fr}.app:has(.login-container):before{display:none}}.login-topo{z-index:2;margin:0;position:fixed;top:20px;right:20px}.login-container h1{text-align:left;letter-spacing:-.035em;color:var(--cor-texto);margin-bottom:8px;font-size:32px;font-weight:600}.login-container p{text-align:left;border-bottom:1px solid var(--cor-borda);color:var(--cor-texto-suave);margin-bottom:32px;padding-bottom:32px;font-size:14px}.campo{flex-direction:column;margin-bottom:14px;display:flex}.campo label{color:var(--cor-texto-suave);margin-bottom:6px;font-size:12px;font-weight:500}.campo input{border:1px solid var(--cor-borda);border-radius:var(--raio);width:100%;letter-spacing:inherit;background-color:var(--cor-card);color:var(--cor-texto);outline:none;padding:10px 12px;font-family:inherit;font-size:14px;transition:border-color .12s,box-shadow .12s}.campo input::placeholder{color:var(--cor-texto-suave);opacity:.7}.campo input:focus{border-color:var(--cor-primaria);box-shadow:0 0 0 3px var(--cor-primaria-tint)}.linha{gap:12px;display:flex}.linha .campo{flex:1}button{background-color:var(--cor-primaria);width:100%;color:var(--cor-primaria-texto);border-radius:var(--raio);letter-spacing:inherit;cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;height:38px;padding:0 16px;font-family:inherit;font-size:14px;font-weight:500;transition:background-color .12s,opacity .12s;display:flex}button:hover{background-color:var(--cor-primaria-hover)}button:disabled{background-color:var(--cor-primaria-disabled);cursor:not-allowed}.spinner{border:2px solid #0000;border-top-color:var(--cor-primaria-texto);border-right-color:var(--cor-primaria-texto);border-radius:50%;width:16px;height:16px;animation:.6s 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);border-radius:var(--raio);text-align:left;height:auto;margin-bottom:20px;padding:12px 14px;font-size:13px;font-weight:500;animation:.3s fadeIn;overflow:visible}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.mensagem-sucesso a{text-underline-offset:2px;margin-top:8px;font-weight:500;text-decoration:underline;display:block;color:var(--cor-verde)!important}.mensagem-sucesso a:hover{opacity:.8}.historico{border-top:1px solid var(--cor-borda);margin-top:28px;padding-top:20px}.historico h2{color:var(--cor-texto);text-transform:uppercase;letter-spacing:.04em;margin-bottom:12px;font-size:13px;font-weight:600}.historico-item{background-color:var(--cor-fundo-suave);border:1px solid var(--cor-borda);border-radius:var(--raio);margin-bottom:8px;padding:10px 12px;font-size:13px;line-height:1.6}.aviso-codigo{color:var(--cor-texto-suave);margin-bottom:20px;font-size:13px;text-align:left!important}.btn-voltar{height:32px;margin-top:4px;font-size:13px;color:var(--cor-texto-suave)!important;background:0 0!important;border-color:#0000!important}.btn-voltar:hover{color:var(--cor-texto)!important;background:var(--cor-fundo-suave)!important}@media (width<=480px){.login-container{margin:10px;padding:24px 20px}.linha{flex-direction:column;gap:0}}.painel-container{grid-template-columns:minmax(0,1fr);align-content:start;gap:24px;width:100%;max-width:1180px;margin:0 auto;padding:0 28px 64px;display:grid}.painel-container:has(.resumo-calendario){grid-template-columns:minmax(0,1fr) 300px}.painel-header,.painel-tabs,.resumo-cards,.resumo-tabela,.lista-contas,.historico-pagas,.btn-ver-mais{grid-column:1/-1}.resumo-painel{grid-column:1}.resumo-calendario{grid-column:2;align-self:start}@media (width<=1000px){.painel-container:has(.resumo-calendario){grid-template-columns:minmax(0,1fr)}.resumo-calendario{grid-column:1/-1}}.painel-header{z-index:5;background:var(--cor-fundo);border-bottom:1px solid var(--cor-borda);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:0;padding:20px 0;display:flex;position:sticky;top:0}.painel-header h1{letter-spacing:-.02em;color:var(--cor-texto);font-size:20px;font-weight:600}.painel-header-acoes{align-items:center;gap:10px;display:flex}.btn-nova{background-color:var(--cor-primaria);color:var(--cor-primaria-texto);border-radius:var(--raio);cursor:pointer;border:none;width:auto;height:34px;padding:0 14px;font-size:13px;font-weight:500}.btn-nova:hover{background-color:var(--cor-primaria-hover)}.painel-tabs{border-bottom:1px solid var(--cor-borda);gap:8px;margin-bottom:0;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:13px;font-weight:500}.tab-btn:hover{color:var(--cor-texto);background:0 0}.tab-ativa{color:var(--cor-primaria);border-bottom-color:var(--cor-primaria)}.resumo-cards{background:var(--cor-card);border:1px solid var(--cor-borda);border-radius:var(--raio-lg);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:0;display:grid;overflow:hidden}.resumo-card{border:none;border-left:1px solid var(--cor-borda);cursor:pointer;text-align:left;background:0 0;border-radius:0;flex-direction:column;align-items:flex-start;gap:4px;width:auto;height:auto;padding:16px 18px;transition:background-color .12s;display:flex}.resumo-card:first-child{border-left:none}.resumo-card:hover{background:var(--cor-fundo-suave)}.resumo-card-ativo{background:var(--cor-primaria-tint);box-shadow:inset 0 2px 0 0 var(--cor-primaria)}.resumo-icone{opacity:.45;font-size:12px}.resumo-label{text-transform:uppercase;letter-spacing:.05em;color:var(--cor-texto-suave);font-size:11px;font-weight:500}.resumo-valor{letter-spacing:-.025em;font-variant-numeric:tabular-nums;color:var(--cor-texto);font-size:22px;font-weight:600}.resumo-verde{color:var(--cor-verde)}.resumo-laranja{color:var(--cor-laranja)}.resumo-painel{grid-template-columns:2fr 1fr;gap:16px;display:grid}.resumo-grafico,.resumo-status{background:var(--cor-card);border:1px solid var(--cor-borda);border-radius:var(--raio-lg);padding:16px 20px}.resumo-grafico h3,.resumo-status h3{text-transform:uppercase;letter-spacing:.05em;color:var(--cor-texto-suave);margin-bottom:18px;font-size:11px;font-weight:500}.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:var(--raio);justify-content:center;align-items:flex-end;width:22px;height:100%;display:flex;position:relative;overflow:visible}.grafico-barra{background:var(--cor-primaria);border-radius:var(--raio);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{border-radius:var(--raio);background:var(--cor-fundo-suave);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{background:var(--cor-card);border:1px solid var(--cor-borda);border-radius:var(--raio-lg);padding:16px 20px}.resumo-tabela{background:0 0;border:none;border-radius:0;padding:0}.calendario-header{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:16px;display:flex}.calendario-header h3{text-transform:uppercase;letter-spacing:.05em;color:var(--cor-texto-suave);font-size:11px;font-weight:500}.calendario-nav{justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.calendario-nav button{border-radius:var(--raio);border:1px solid var(--cor-borda);width:28px;height:28px;color:var(--cor-texto);cursor:pointer;background:0 0;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;flex:1;min-width:0;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;border-radius:var(--raio-lg);cursor:pointer;color:var(--cor-texto);background:0 0;border:1px solid #0000;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{border-radius:var(--raio-lg);cursor:pointer;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);border-radius:var(--raio);cursor:pointer;background:0 0;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:var(--cor-primaria-texto)}.filtro-chip{background:var(--cor-primaria-tint);color:var(--cor-primaria);border-radius:var(--raio);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);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--cor-borda);white-space:nowrap;padding:0 10px 8px;font-size:11px;font-weight:500}.tabela-contas td{border-bottom:1px solid var(--cor-borda);color:var(--cor-texto);white-space:nowrap;padding:11px 10px}.tabela-contas tbody tr:last-child td{border-bottom:none}.tabela-contas td:nth-child(2){text-align:right;font-weight:500}.tabela-contas th:nth-child(2){text-align:right}.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{background:var(--cor-card);border:1px solid var(--cor-borda);border-radius:var(--raio-lg);flex-direction:column;gap:0;display:flex;overflow:hidden}.vazio{text-align:center;color:var(--cor-texto-suave);padding:40px 0}.conta-card{border:none;border-top:1px solid var(--cor-borda);background:0 0;border-radius:0;justify-content:space-between;align-items:center;gap:16px;padding:13px 18px;transition:background-color .12s;display:flex}.conta-card:first-child{border-top:none}.conta-card:hover{background:var(--cor-fundo-suave)}.conta-descricao{margin-bottom:2px;font-size:14px;font-weight:500}.conta-info{color:var(--cor-texto-suave);font-variant-numeric:tabular-nums;font-size:12px}.erro{color:var(--cor-vermelho);margin-bottom:8px;font-size:13px}.conta-acoes{align-items:center;gap:10px;display:flex}.conta-acoes button{border-radius:var(--raio);cursor:pointer;width:auto;height:28px;color:var(--cor-texto-suave);white-space:nowrap;background:0 0;border:1px solid #0000;padding:0 9px;font-size:12px;transition:background-color .12s,color .12s,border-color .12s}.conta-acoes button:hover{border-color:var(--cor-borda);color:var(--cor-texto);background:var(--cor-card)}.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);border-radius:var(--raio-lg);cursor:pointer;background:0 0;width:100%;height:auto;margin-top:4px;padding:8px;font-size:13px}.btn-ver-mais:hover{background:var(--cor-fundo-suave)}.status{text-transform:uppercase;letter-spacing:.05em;border-radius:var(--raio-sm);padding:3px 7px;font-size:10px;font-weight:600;display:inline-block}.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:var(--overlay);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-conteudo{background:var(--cor-card);border:1px solid var(--cor-borda);border-radius:var(--raio-lg);box-shadow:var(--sombra-modal);width:100%;max-width:400px;padding:24px}.modal-conteudo h2{color:var(--cor-texto);margin-bottom:20px;font-size:15px}.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:8px;padding-top:24px}.historico-pagas h3{color:var(--cor-texto-suave);text-transform:uppercase;letter-spacing:.05em;margin-bottom:14px;font-size:11px;font-weight:500}.pagas-mes{background:var(--cor-card);border:1px solid var(--cor-borda);border-radius:var(--raio-lg);margin-bottom:8px;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:13px;font-weight:500}.pagas-mes-resumo{color:var(--cor-verde);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}.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{border-radius:var(--raio);cursor:pointer;width:28px;height:28px;color:var(--cor-texto-suave);opacity:.5;background:0 0;border:none;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:#fafaf9;--cor-card:#fff;--cor-fundo-suave:#f5f5f4;--cor-borda:#e7e5e4;--cor-borda-forte:#d6d3d1;--cor-texto:#1c1917;--cor-texto-suave:#78716c;--cor-primaria:#065f46;--cor-primaria-hover:#047857;--cor-primaria-disabled:#a3c7ba;--cor-primaria-texto:#fff;--cor-primaria-tint:#065f4614;--cor-verde:#047857;--cor-verde-fundo:#ecfdf5;--cor-verde-borda:#a7f3d0;--cor-vermelho:#b91c1c;--cor-vermelho-fundo:#fef2f2;--cor-vermelho-borda:#fecaca;--cor-laranja:#b45309;--cor-laranja-fundo:#fffbeb;--cor-laranja-borda:#fde68a;--raio-sm:4px;--raio:6px;--raio-lg:8px;--sombra:0 1px 2px #1c19170a;--sombra-alta:0 4px 12px #1c191714;--sombra-modal:0 16px 48px #1c19172e;--overlay:#1c191766}[data-theme=dark]{--cor-fundo:#0b0c0e;--cor-card:#141517;--cor-fundo-suave:#1b1d20;--cor-borda:#26282b;--cor-borda-forte:#3a3d41;--cor-texto:#e7e5e4;--cor-texto-suave:#8b8781;--cor-primaria:#6ee7b7;--cor-primaria-hover:#a7f3d0;--cor-primaria-disabled:#2f5f4e;--cor-primaria-texto:#052e22;--cor-primaria-tint:#6ee7b71f;--cor-verde:#34d399;--cor-verde-fundo:#0c2a20;--cor-verde-borda:#17543f;--cor-vermelho:#f87171;--cor-vermelho-fundo:#2a1414;--cor-vermelho-borda:#5a2525;--cor-laranja:#fbbf24;--cor-laranja-fundo:#2a2010;--cor-laranja-borda:#543f17;--sombra:0 1px 2px #0006;--sombra-alta:0 4px 12px #00000080;--sombra-modal:0 16px 48px #000000a6;--overlay:#000000a6}body{letter-spacing:-.011em;background-color:var(--cor-fundo);color:var(--cor-texto);-webkit-font-smoothing:antialiased;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI Variable Text,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.5;transition:background-color .15s,color .15s}h1,h2,h3{letter-spacing:-.021em;font-weight:600;line-height:1.25}h1{font-size:22px}h2{font-size:16px}h3{font-size:14px}table,.valor,.card-valor,input[type=number],input[type=date]{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}:focus-visible{outline:2px solid var(--cor-primaria);outline-offset:2px}.app{justify-content:center;align-items:flex-start;min-height:100vh;padding:20px 0;display:flex}.app:has(.painel-container){padding:0;display:block}.btn-tema{border:1px solid var(--cor-borda);color:var(--cor-texto-suave);border-radius:var(--raio);cursor:pointer;background:0 0;justify-content:center;align-items:center;width:34px;min-width:34px;height:34px;padding:0;font-size:14px;transition:background-color .12s,border-color .12s;display:flex}.btn-tema:hover{background:var(--cor-fundo-suave);border-color:var(--cor-borda-forte)}