:root{--azul:#001aff;--azul-escuro:#0012b3;--laranja:#ff5a00;--texto:#0b0b0f;--texto-2:#2b2f3a;--suave:#4a4f5c;--borda:#c9cdd8;--linha:#e3e6ee;--fundo:#f6f7fb;--vidro:#ffffffb3;--vidro-borda:#ffffffe6;--raio:22px}*{box-sizing:border-box}html,body{margin:0}body{color:var(--texto);background:var(--fundo);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Outfit,system-ui,sans-serif}a{color:var(--azul)}a:hover{color:var(--azul-escuro)}button,input,select{font-family:inherit;font-size:inherit;color:inherit}:focus-visible{outline:2px solid var(--azul);outline-offset:2px}.fundo{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.mancha{border-radius:50%;position:absolute}.mancha.laranja{background:radial-gradient(circle,#ff5a0047 0%,#ff5a0000 68%);width:660px;height:660px;top:-200px;left:-160px}.mancha.azul{background:radial-gradient(circle,#001aff33 0%,#001aff00 68%);width:740px;height:740px;bottom:-240px;right:-180px}.vidro{background:var(--vidro);-webkit-backdrop-filter:blur(20px);border:1px solid var(--vidro-borda);border-radius:var(--raio);box-shadow:0 24px 60px -30px #001aff4d,0 2px 8px #0b0b0f0d}.btn{border:1px solid var(--borda);cursor:pointer;white-space:nowrap;background:#fff;border-radius:12px;height:44px;padding:0 18px;font-weight:500}.btn:hover{border-color:#9aa0ae}.btn.primario{background:var(--azul);border-color:var(--azul);color:#fff;font-weight:600}.btn.primario:hover{background:var(--azul-escuro)}.btn.pequeno{height:36px;color:var(--azul-escuro);padding:0 14px;font-size:14px}.btn.link{height:auto;color:var(--azul);background:0 0;border:none;padding:8px 0}.btn:disabled{opacity:.55;cursor:wait}.btn.largo{width:100%;height:48px;font-size:16px}.campo{flex-direction:column;gap:6px;display:flex}.campo label{color:var(--texto-2);font-size:14px;font-weight:600}.campo input,.campo select{border:1px solid var(--borda);background:#fff;border-radius:12px;height:46px;padding:0 14px;font-size:16px}.ajuda{color:var(--suave);margin:0;font-size:13px}.erro-msg{color:#991b1b;background:#fee2e2;border-radius:10px;margin:0;padding:10px 12px;font-size:14px}.ok-msg{color:#166534;background:#dcfce7;border-radius:10px;margin:0;padding:10px 12px;font-size:14px}.login{flex-direction:column;min-height:100vh;display:flex}.login main{flex:1;justify-content:center;align-items:center;padding:24px 20px 48px;display:flex}.login .cartao{flex-direction:column;gap:20px;width:100%;max-width:440px;padding:40px;display:flex;box-shadow:0 30px 80px -30px #001aff73,0 2px 8px #0b0b0f0f}.login h1{margin:0;font-size:28px}.login p{color:var(--suave);margin:0;line-height:1.5}.separador{background:var(--linha);height:1px}.rodape{text-align:center;color:var(--suave);padding:0 20px 28px;font-size:13px}.marca{align-items:center;gap:12px;display:flex}.marca .simbolo{background:linear-gradient(135deg, var(--laranja), var(--azul));border-radius:11px;width:38px;height:38px}.marca strong{font-size:17px}.marca small{color:var(--suave);font-size:13px;display:block}.topo{border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:16px 24px 0;padding:12px 20px;display:flex}.topo nav{flex-wrap:wrap;gap:4px;display:flex}.topo nav button{cursor:pointer;background:0 0;border:none;border-radius:10px;padding:10px 14px;font-size:15px}.topo nav button[aria-current=page]{color:var(--azul);background:#eef0ff;font-weight:600}.topo .usuario{color:var(--suave);flex-wrap:wrap;align-items:center;gap:12px;font-size:14px;display:flex}.topo select{border:1px solid var(--borda);background:#fff;border-radius:10px;height:38px;padding:0 10px}.conteudo{flex-direction:column;gap:24px;max-width:1240px;margin:0 auto;padding:32px 24px 64px;display:flex}.cabecalho{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.cabecalho h1{margin:0;font-size:32px}.cabecalho p{color:var(--suave);margin:4px 0 0}.acoes{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.quadros{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:20px;display:grid}.quadro{text-align:left;cursor:pointer;font:inherit;flex-direction:column;gap:12px;padding:22px;display:flex}.quadro .rotulo{color:var(--texto-2);align-items:center;gap:8px;font-size:15px;font-weight:500;display:flex}.quadro .numero{font-size:40px;font-weight:700;line-height:1}.quadro .dica{color:var(--suave);font-size:13px}.quadro[aria-pressed=true]{background:#fffffff0}.quadros.filtrando .quadro[aria-pressed=false]{opacity:.7}.ponto{border-radius:50%;flex:none;width:10px;height:10px;display:inline-block}.painel{flex-direction:column;gap:16px;padding:20px;display:flex}.painel h2{margin:0;font-size:20px}.rolagem{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:15px}th{text-align:left;color:var(--suave);border-bottom:1px solid var(--linha);white-space:nowrap;padding:12px;font-size:13px;font-weight:600}td{vertical-align:middle;border-bottom:1px solid #eef0f5;padding:13px 12px}tr.clicavel{cursor:pointer}tr.clicavel:hover td{background:#001aff08}.num{font-variant-numeric:tabular-nums}.dir{text-align:right}.sub{color:var(--suave);font-size:13px;display:block}.vazio{text-align:center;color:var(--suave);padding:32px 12px}.etiqueta{color:var(--texto-2);background:#f0f1f5;border:1px solid #e0e3ea;border-radius:8px;margin:2px 4px 2px 0;padding:3px 10px;font-size:13px;display:inline-block}.pilula{white-space:nowrap;border-radius:999px;align-items:center;padding:4px 12px;font-size:13px;font-weight:600;display:inline-flex}.valor-credito{color:#166534}.valor-debito{color:#991b1b}.grade-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;display:grid}.bloco{flex-direction:column;gap:12px;padding:24px;display:flex}.bloco .grande{align-items:center;gap:10px;font-size:24px;font-weight:700;display:flex}.banco{border:1px solid var(--linha);background:#fff;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.banco.faltando{border-style:dashed;border-color:var(--borda);background:#fff9}.banco .info{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.periodo{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.periodo .campo input{height:44px}.conta-titulo{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;display:flex}.conta-titulo h3{margin:0;font-size:17px}.aviso-legal{color:var(--suave);margin:0;font-size:12px}dialog{border-radius:var(--raio);background:#fffffff5;border:none;width:min(520px,100% - 32px);padding:0;box-shadow:0 30px 80px -20px #001aff59}dialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0b0b0f59}dialog form{flex-direction:column;gap:16px;padding:28px;display:flex}dialog h2{margin:0;font-size:22px}.carregando{text-align:center;color:var(--suave);padding:64px}@media (width<=640px){.login .cartao{padding:28px 22px}.topo{margin:8px 8px 0}.conteudo{padding:20px 12px 48px}.cabecalho h1{font-size:26px}}
