:root{--azul: #0175CA;--azul-escuro: #015A9C;--ciano: #00B7D3;--chumbo: #2F373D;--cinza: #5B656D;--linha: #D9E0E6;--fundo: #F4F6F8;--branco: #FFFFFF;--azul-claro: #E5F1FB;--verde: #1B7A4B;--vermelho: #A32A2A;--titulo: Archivo, Roboto, system-ui, sans-serif;--texto: Roboto, system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--fundo);color:var(--chumbo);font-family:var(--texto);font-size:16px;line-height:1.45}h1,h2{font-family:var(--titulo);margin:0;letter-spacing:-.01em}h1{font-size:30px;font-weight:800}h2{font-size:18px;font-weight:700}a{color:var(--azul)}:focus-visible{outline:3px solid var(--ciano);outline-offset:2px}.app{display:flex;flex-wrap:wrap;min-height:100%}.menu{flex:1 0 220px;background:var(--branco);border-right:1px solid var(--linha);padding:24px 16px;display:flex;flex-direction:column;gap:6px}.menu img{width:132px;margin:0 14px 12px}.menu a{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-radius:8px;color:var(--chumbo);font-weight:500;text-decoration:none}.menu a:hover{background:var(--fundo)}.menu a.ativo{background:var(--azul-claro);color:var(--azul);font-weight:700}.menu .rodape{margin-top:auto;color:var(--cinza);font-size:13px;padding:18px 14px 0;display:flex;flex-direction:column;gap:8px;align-items:flex-start}.conteudo{flex:999 1 560px;min-width:0;padding:36px 40px 48px;display:flex;flex-direction:column;gap:24px}.cartao{background:var(--branco);border:1px solid var(--linha);border-radius:14px;padding:24px 28px}.destaque{border:2px solid var(--azul);display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:space-between}.grade{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.numero{font-family:var(--titulo);font-size:36px;font-weight:800;font-variant-numeric:tabular-nums}.sub{color:var(--cinza)}.botao{display:inline-block;background:var(--azul);color:var(--branco);border:0;font:inherit;font-size:17px;font-weight:700;padding:14px 26px;border-radius:10px;cursor:pointer;text-decoration:none}.botao:hover{background:var(--azul-escuro)}.botao:disabled{opacity:.6;cursor:default}.link-botao{background:none;border:0;padding:0;font:inherit;color:var(--cinza);text-decoration:underline;cursor:pointer}.login{min-height:100%;display:grid;place-items:center;padding:24px}.login form{width:min(400px,100%);background:var(--branco);border:1px solid var(--linha);border-radius:16px;padding:32px;display:flex;flex-direction:column;gap:16px}.login img{width:150px;align-self:center;margin-bottom:8px}label{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:15px}input{font:inherit;font-weight:400;padding:12px 14px;border:1px solid #8796A1;border-radius:8px;color:var(--chumbo);background:var(--branco)}.erro{color:var(--vermelho);font-weight:500;margin:0}.aviso{background:#fff4e5;border:1px solid #F0C27A;border-radius:10px;padding:14px 18px}@media(max-width:640px){.conteudo{padding:24px 16px 40px}.menu{flex-basis:100%;border-right:0;border-bottom:1px solid var(--linha);flex-direction:row;flex-wrap:wrap;padding:12px}.menu img{width:96px;margin:0 8px 0 4px}.menu .rodape{display:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}