:root{
  --azul:#0d2c54;
  --azul-claro:#1d4e89;
  --verde:#2e8b57;
  --vermelho:#c0392b;
  --dourado:#c9a227;
  --branco:#ffffff;
  --cinza:#f4f6f9;
  --texto:#2c3e50;
  --sombra:0 6px 18px rgba(0,0,0,.08);
}

*{margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI',system-ui,sans-serif;}
body{background:var(--cinza);color:var(--texto);line-height:1.6;}

/* HEADER */
.header{
  position:fixed;top:0;left:0;width:100%;
  display:flex;justify-content:space-between;align-items:center;
  background:var(--azul);color:#fff;padding:14px 30px;z-index:1000;
  box-shadow:var(--sombra);
}
.logo{font-size:1.3rem;font-weight:bold;color:var(--dourado);}
.header nav a{color:#fff;text-decoration:none;margin-left:18px;font-weight:500;transition:.2s;}
.header nav a:hover{color:var(--dourado);}

/* HERO */
.hero{
  min-height:90vh;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,var(--azul),var(--azul-claro));
  color:#fff;text-align:center;padding:120px 20px 60px;
}
.hero-content{max-width:700px;animation:fadeUp 1s ease;}
.hero h1{font-size:2.8rem;margin-bottom:12px;}
.hero p{font-size:1.2rem;opacity:.9;margin-bottom:30px;}
.hero-saldo{
  background:rgba(255,255,255,.12);display:inline-block;
  padding:18px 40px;border-radius:14px;margin-bottom:30px;border:1px solid rgba(255,255,255,.2);
}
.hero-saldo span{display:block;font-size:.9rem;opacity:.8;}
.hero-saldo strong{font-size:2rem;color:var(--dourado);}
.hero-botoes{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}

.btn{
  background:var(--dourado);color:#222;padding:12px 26px;border:none;border-radius:8px;
  text-decoration:none;font-weight:600;cursor:pointer;transition:.25s;display:inline-block;
}
.btn:hover{transform:translateY(-2px);opacity:.92;}
.btn-outline{background:transparent;color:#fff;border:2px solid #fff;}

/* SECTIONS */
.section{padding:70px 20px;max-width:1100px;margin:0 auto;}
.section-alt{background:#fff;max-width:100%;}
.section h2{text-align:center;font-size:2rem;margin-bottom:40px;color:var(--azul);}
.section-alt > *{max-width:1100px;margin-left:auto;margin-right:auto;}
.texto-centro{text-align:center;max-width:700px;margin:0 auto 25px;}

/* CARDS */
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:22px;}
.card{
  background:#fff;border-radius:14px;padding:26px;text-align:center;
  box-shadow:var(--sombra);transition:.25s;border-top:4px solid var(--azul-claro);
}
.card:hover{transform:translateY(-5px);}
.card-icon{font-size:1.8rem;}
.card h3{font-size:1rem;margin:10px 0;color:#555;}
.card p{font-size:1.4rem;font-weight:bold;}
.card-green{border-top-color:var(--verde);} .card-green p{color:var(--verde);}
.card-red{border-top-color:var(--vermelho);} .card-red p{color:var(--vermelho);}
.card-gold{border-top-color:var(--dourado);} .card-gold p{color:var(--dourado);}
.card-blue{border-top-color:var(--azul-claro);} .card-blue p{color:var(--azul-claro);}

/* GRÁFICOS */
.grafico-box{background:#fff;border-radius:14px;padding:25px;margin-top:40px;box-shadow:var(--sombra);}
.grafico-box h3{text-align:center;margin-bottom:20px;color:var(--azul);}
canvas{max-height:380px;}

/* FILTROS */
.filtros{display:flex;gap:12px;justify-content:center;margin-bottom:24px;flex-wrap:wrap;}
.filtros select{padding:10px 14px;border:1px solid #ccc;border-radius:8px;font-size:.95rem;}

/* TABELAS */
.tabela-wrap{overflow-x:auto;border-radius:12px;box-shadow:var(--sombra);background:#fff;}
table{width:100%;border-collapse:collapse;min-width:520px;}
th{background:var(--azul);color:#fff;padding:14px;text-align:left;font-size:.9rem;}
td{padding:12px 14px;border-bottom:1px solid #eee;font-size:.9rem;}
tbody tr:hover{background:#f0f4fa;}
.tag{padding:3px 10px;border-radius:20px;font-size:.75rem;font-weight:600;color:#fff;}
.tag-miss{background:var(--verde);}
.tag-adm{background:var(--azul-claro);}
.valor-zero{color:#aaa;}

/* FOOTER */
.footer{background:var(--azul);color:#fff;text-align:center;padding:60px 20px;}
.footer h2{color:var(--dourado);margin-bottom:18px;}
.footer p{margin:6px 0;opacity:.9;}
.agradecimento{font-style:italic;margin:20px 0 !important;color:var(--dourado);}
.footer small{display:block;margin-top:25px;opacity:.6;}

/* VOLTAR AO TOPO */
.voltar-topo{
  position:fixed;bottom:25px;right:25px;background:var(--dourado);color:#222;
  width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  font-size:1.4rem;text-decoration:none;box-shadow:var(--sombra);opacity:0;pointer-events:none;transition:.3s;
}
.voltar-topo.show{opacity:1;pointer-events:auto;}

@keyframes fadeUp{from{opacity:0;transform:translateY(30px);}to{opacity:1;transform:translateY(0);}}

/* RESPONSIVO */
@media(max-width:680px){
  .header{flex-direction:column;gap:10px;padding:12px;}
  .header nav a{margin:0 8px;font-size:.9rem;}
  .hero h1{font-size:2rem;}
  .hero{padding-top:150px;}
}
@media print{
  .header,.voltar-topo,.filtros,.hero-botoes,.btn{display:none !important;}
  body{background:#fff;}
}