:root{--cor-fundo: #f0f4fa;--cor-card: #ffffff;--cor-texto: #0f172a;--cor-texto-2: #1e293b;--cor-texto-sec: #475569;--cor-texto-sec-2: #64748b;--cor-texto-suave: #94a3b8;--cor-primaria: #2563eb;--cor-primaria-forte: #1d4ed8;--cor-primaria-escura: #1e40af;--azul-tint-1: #eff6ff;--azul-tint-2: #dbeafe;--azul-tint-3: #eff4ff;--azul-borda-1: #bfdbfe;--azul-borda-2: #93c5fd;--borda-neutra: #e2e8f0;--borda-neutra-2: #e8eef8;--sucesso-texto: #0f766e;--sucesso-fundo: #ecfdf5;--sucesso-borda: #5eead4;--erro-texto: #dc2626;--erro-fundo: #fdecea;--aviso-texto: #92400e;--aviso-fundo: #fef3c7;--aviso-borda: #fde68a;--grad-marca: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);--grad-marca-suave: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);--grad-bolha: linear-gradient(160deg, #eff4ff 0%, #dbeafe 100%);--raio-card: 16px;--raio-botao: 10px;--raio-pilula: 999px;--altura-topbar: 64px;--largura-conteudo: 680px;--toque-min: 48px;--sombra-card: 0 1px 2px rgba(15, 23, 42, .04), 0 8px 24px rgba(15, 23, 42, .06);--sombra-card-fte: 0 2px 4px rgba(15, 23, 42, .05), 0 12px 32px rgba(37, 99, 235, .1);--sombra-topbar: 0 1px 0 rgba(226, 232, 240, .9), 0 6px 20px rgba(15, 23, 42, .05);--sombra-cta: 0 8px 20px rgba(37, 99, 235, .25);--fonte: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--fonte);background:var(--cor-fundo);color:var(--cor-texto);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.5}h1,h2,h3{font-weight:800;letter-spacing:-.018em;color:var(--cor-texto);margin:0 0 8px}h1{font-size:1.55rem}h2{font-size:1.25rem}h3{font-size:1.05rem}p{margin:0 0 8px;color:var(--cor-texto-sec)}button{font-family:inherit;cursor:pointer}svg.lucide{display:block}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--toque-min);padding:0 18px;border-radius:var(--raio-botao);border:1.5px solid transparent;font-size:1rem;font-weight:600;width:100%;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease,transform .06s ease}.btn:active{transform:translateY(1px)}.btn-primario{background:var(--grad-marca);color:#fff;border-color:transparent;box-shadow:var(--sombra-cta)}.btn-secundario{background:#fff;color:var(--cor-texto-sec-2);border-color:var(--borda-neutra)}.btn-grande{min-height:64px;font-size:1.1rem;font-weight:700}.card{background:var(--cor-card);border:1.5px solid var(--borda-neutra-2);border-radius:var(--raio-card);box-shadow:var(--sombra-card);padding:18px}.card-acao{display:flex;flex-direction:column;gap:4px;text-align:left;width:100%;position:relative}.card-acao h3{margin-bottom:2px}.card-boas-vindas{border-left:5px solid var(--cor-primaria);background:linear-gradient(180deg,#ffffff 0%,var(--azul-tint-3) 100%)}.card-icone{width:46px;height:46px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;background:var(--grad-bolha);border:1px solid var(--azul-borda-1);color:var(--cor-primaria);margin-bottom:10px}.card-icone svg{width:24px;height:24px}.pilula{display:inline-flex;align-items:center;gap:5px;padding:4px 11px;border-radius:var(--raio-pilula);background:var(--azul-tint-2);color:var(--cor-primaria-escura);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.pilula svg{width:13px;height:13px}.pilula-suave{background:var(--cor-fundo);color:var(--cor-texto-sec-2)}.pilula-sucesso{background:var(--sucesso-fundo);color:var(--sucesso-texto)}.card-em-breve{opacity:.62;cursor:default}.painel-desempenho{background:var(--cor-card);border:1.5px solid var(--borda-neutra-2);border-radius:var(--raio-card);box-shadow:var(--sombra-card);padding:18px;margin-top:16px}.painel-cabecalho{margin-bottom:14px}.painel-titulo-linha{display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px}.painel-titulo-linha h2{margin:0}.pilula-demo{background:var(--aviso-fundo);color:var(--aviso-texto);border:1px solid var(--aviso-borda)}.painel-subtitulo{margin:4px 0 0;color:var(--cor-texto-sec-2);font-size:.85rem}.painel-indicadores{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (min-width: 600px){.painel-indicadores{grid-template-columns:repeat(4,1fr)}}.indicador-card{background:var(--cor-fundo);border:1px solid var(--borda-neutra-2);border-radius:12px;padding:12px;min-width:0}.indicador-topo{display:flex;align-items:flex-start;gap:6px;margin-bottom:6px;color:var(--cor-texto-sec-2)}.indicador-icone{display:inline-flex;color:var(--cor-primaria);flex-shrink:0;margin-top:1px}.indicador-icone svg{width:16px;height:16px}.indicador-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;line-height:1.25}.indicador-valor{font-size:1.35rem;font-weight:800;color:var(--cor-texto);letter-spacing:-.02em;line-height:1.15}.indicador-descricao{margin:2px 0 0;font-size:.72rem;color:var(--cor-texto-sec-2)}.indicador-progresso{margin-top:8px;height:5px;border-radius:var(--raio-pilula);background:var(--azul-tint-2);overflow:hidden}.indicador-progresso-preenchido{height:100%;border-radius:var(--raio-pilula);background:var(--grad-marca)}.painel-grafico-demo{display:flex;align-items:flex-end;gap:6px;height:56px;margin-top:16px;padding:8px 4px 0;border-top:1px dashed var(--borda-neutra-2)}.barra-demo{flex:1 1 0;min-width:0;border-radius:4px 4px 0 0;background:linear-gradient(180deg,var(--azul-borda-2) 0%,var(--azul-tint-2) 100%)}.painel-rodape-nota{margin:12px 0 0;font-size:.72rem;color:var(--cor-texto-suave)}.painel-desempenho-compacto{padding:14px}.painel-desempenho-compacto .painel-grafico-demo{height:40px}.grid-cards{display:grid;grid-template-columns:1fr;gap:14px}@media (min-width: 600px){.grid-cards{grid-template-columns:1fr 1fr}.grid-cards .col-inteira{grid-column:1 / -1}}.texto-sec{color:var(--cor-texto-sec-2)}.texto-suave{color:var(--cor-texto-suave)}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.login-tela{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 20px calc(24px + env(safe-area-inset-bottom,0px));position:relative;overflow:hidden;background:radial-gradient(1.5px 1.5px at 12px 12px,rgba(37,99,235,.1) 1px,transparent 1.3px),radial-gradient(1100px 520px at 50% -12%,#dbeafe,#dbeafe00 62%),radial-gradient(720px 420px at 108% 8%,#eef2ff,#eef2ff00 55%),var(--cor-fundo);background-size:24px 24px,auto,auto,auto}.login-blob{position:absolute;border-radius:50%;filter:blur(52px);opacity:.55;pointer-events:none}.login-blob-1{width:300px;height:300px;top:-80px;left:-90px;background:radial-gradient(circle,#bfdbfe,#bfdbfe00 70%)}.login-blob-2{width:260px;height:260px;bottom:-70px;right:-80px;background:radial-gradient(circle,#c7d2fe,#c7d2fe00 70%)}.login-marca{position:relative;z-index:1;width:100%;max-width:380px;text-align:center;margin:0 auto 20px}.login-marca-plaqueta{position:relative;background:#fff;border-radius:18px;padding:22px 22px 20px;box-shadow:var(--sombra-card-fte);border:1px solid var(--borda-neutra-2);overflow:hidden}.login-marca-plaqueta:after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--grad-marca)}.login-logo{display:block;width:100%;max-width:260px;height:auto;margin:0 auto}.login-slogan{display:flex;align-items:center;justify-content:center;gap:10px;margin:16px 0 0;color:var(--cor-primaria-escura);font-size:.82rem;font-weight:700;letter-spacing:.17em;text-transform:uppercase}.login-slogan .linha{height:1px;width:26px;flex-shrink:0;background:linear-gradient(90deg,transparent,var(--azul-borda-2))}.login-slogan .linha:last-child{background:linear-gradient(90deg,var(--azul-borda-2),transparent)}@media (max-width: 359px){.login-slogan{letter-spacing:.09em;font-size:.7rem;gap:7px}.login-slogan .linha{width:16px}}.login-card{position:relative;z-index:1;width:100%;max-width:380px;padding:26px 22px;border-radius:20px;box-shadow:var(--sombra-card-fte)}.campo{display:block;margin-bottom:14px}.campo label,.campo>span{display:block;font-size:.82rem;font-weight:600;color:var(--cor-texto-sec);margin-bottom:6px}.campo input,.campo select{width:100%;min-height:var(--toque-min);padding:0 14px;font-size:1rem;font-family:inherit;color:var(--cor-texto);background:#fff;border:1.5px solid var(--borda-neutra);border-radius:var(--raio-botao)}.campo input:focus,.campo select:focus{outline:none;border-color:var(--azul-borda-2);box-shadow:0 0 0 3px var(--azul-tint-2)}.login-nota{margin-top:16px;padding:10px 12px;background:var(--azul-tint-1);border:1px solid var(--azul-borda-1);border-radius:10px;font-size:.78rem;color:var(--cor-primaria-escura);text-align:center}.login-nota-erro{background:var(--erro-fundo);border-color:var(--erro-texto);color:var(--erro-texto)}.girando{animation:girar .8s linear infinite}@keyframes girar{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.topbar{position:sticky;top:0;z-index:20;height:var(--altura-topbar);display:flex;align-items:center;gap:10px;padding:0 14px;background:#fff;box-shadow:var(--sombra-topbar)}@supports ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){.topbar{background:#ffffffc7;-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid rgba(191,219,254,.5)}}.topbar-logo{height:32px;width:auto;flex-shrink:0}.topbar-contexto{display:flex;align-items:center;flex:1 1 auto;min-width:0;overflow:hidden}.chip-contexto{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:5px 11px;border-radius:var(--raio-pilula);background:var(--azul-tint-1);border:1px solid var(--azul-borda-1);color:var(--cor-primaria-escura);min-width:0}.chip-contexto svg{width:15px;height:15px;flex-shrink:0}.chip-contexto .txt{display:flex;flex-direction:column;line-height:1.05;min-width:0}.chip-contexto .rotulo{font-size:.56rem;text-transform:uppercase;letter-spacing:.07em;color:var(--cor-primaria);font-weight:700;opacity:.85}.chip-contexto .valor{font-size:.82rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-dir{margin-left:auto;display:flex;align-items:center;gap:10px}.avatar{width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--grad-marca);color:#fff;font-size:.82rem;font-weight:800;flex-shrink:0;box-shadow:0 2px 6px #2563eb59}.topbar-perfil{display:flex;flex-direction:column;line-height:1.1;min-width:0}.topbar-perfil .nome{font-size:.8rem;font-weight:700;color:var(--cor-texto);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:110px}.topbar-perfil .tipo{font-size:.62rem;color:var(--cor-texto-suave);font-weight:600}@media (max-width: 400px){.topbar-perfil{display:none}}.btn-sair{min-height:38px;width:auto;padding:0 10px;display:inline-flex;align-items:center;gap:6px;font-size:.8rem;font-weight:600;background:#fff;color:var(--cor-texto-sec-2);border:1.5px solid var(--borda-neutra);border-radius:var(--raio-botao)}.btn-sair svg{width:15px;height:15px}@media (max-width: 400px){.topbar{gap:8px;padding:0 10px}.topbar-dir{gap:6px}.chip-contexto{padding:4px 9px;gap:5px}.chip-contexto .rotulo,.btn-sair .txt-sair{display:none}.btn-sair{padding:0;width:38px}.avatar{width:30px;height:30px;font-size:.76rem}}.conteudo{max-width:var(--largura-conteudo);margin:0 auto;padding:18px 14px calc(80px + env(safe-area-inset-bottom,0px))}@media (min-width: 768px){.conteudo{padding:24px 20px}}.secao-titulo{margin-bottom:16px}.secao-titulo .sub{color:var(--cor-texto-sec-2);font-size:.92rem}.saudacao-chip{display:inline-flex;align-items:center;gap:6px;margin-top:6px;padding:4px 10px;border-radius:var(--raio-pilula);background:var(--azul-tint-1);border:1px solid var(--azul-borda-1);color:var(--cor-primaria-escura);font-size:.76rem;font-weight:700}.saudacao-chip svg{width:14px;height:14px}.cta-principal{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:66px;border:none;border-radius:16px;background:var(--grad-marca);color:#fff;font-size:1.15rem;font-weight:700;letter-spacing:-.01em;box-shadow:var(--sombra-cta);transition:box-shadow .15s ease,transform .06s ease}.cta-principal svg{width:26px;height:26px}.cta-principal:active{transform:translateY(1px)}.nav-inferior{position:fixed;bottom:0;left:0;right:0;z-index:20;display:flex;justify-content:space-around;align-items:stretch;background:#ffffffeb;border-top:1px solid var(--borda-neutra-2);box-shadow:0 -4px 20px #0f172a0f;padding-bottom:env(safe-area-inset-bottom,0px)}@supports ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){.nav-inferior{background:#fffc;-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px)}}.nav-item{flex:1;min-height:62px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:none;border:none;color:var(--cor-texto-sec-2);font-size:.66rem;font-weight:600;padding:8px 2px}.nav-item .icone-nav{display:inline-flex;align-items:center;justify-content:center;width:44px;height:30px;border-radius:var(--raio-pilula);transition:background-color .15s ease,color .15s ease}.nav-item .icone-nav svg{width:22px;height:22px}.nav-item.ativo{color:var(--cor-primaria)}.nav-item.ativo .icone-nav{background:var(--azul-tint-2);color:var(--cor-primaria-escura)}@media (min-width: 768px){.nav-inferior{position:sticky;top:var(--altura-topbar);bottom:auto;justify-content:center;gap:4px;border-top:none;border-bottom:1px solid var(--borda-neutra-2);box-shadow:var(--sombra-topbar);padding:6px 0}.nav-item{flex:0 0 auto;flex-direction:row;gap:8px;min-height:44px;padding:0 14px;font-size:.85rem;border-radius:var(--raio-pilula)}.nav-item .icone-nav{width:auto;height:auto;background:none!important}.nav-item .icone-nav svg{width:18px;height:18px}.nav-item.ativo{background:var(--azul-tint-1)}.conteudo{padding-bottom:24px}}.placeholder{text-align:center;padding:40px 18px}.placeholder .icone-grande{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:18px;background:var(--grad-bolha);border:1px solid var(--azul-borda-1);color:var(--cor-primaria);margin-bottom:12px}.placeholder .icone-grande svg{width:30px;height:30px}.placeholder .pilula{margin-top:12px}button.card{cursor:pointer;text-align:left;transition:border-color .15s ease,box-shadow .15s ease,transform .06s ease}button.card:active{transform:translateY(1px)}@media (hover: hover) and (pointer: fine){.btn-primario:hover{box-shadow:0 10px 26px #2563eb52}.cta-principal:hover{box-shadow:0 12px 30px #2563eb57}.btn-sair:hover{color:var(--erro-texto);border-color:var(--erro-fundo)}button.card:hover{border-color:var(--azul-borda-1);box-shadow:var(--sombra-card-fte)}.nav-item:hover{color:var(--cor-primaria)}}