:root{--azul:#0d6efd;--escuro:#0a2540;--teal:#0fb3a6;--fundo:#f4f7fa;--borda:#dde5ec;--verde:#1a9c6b;--vermelho:#d64545;--amarelo:#b8860b;--ink:#1c2b39;--ink2:#52627a}
*{box-sizing:border-box}
body{font-family:-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;margin:0;background:var(--fundo);color:var(--ink);line-height:1.5}
header{background:linear-gradient(135deg,var(--escuro),var(--teal));color:#fff;padding:18px 20px}
header .bar{max-width:960px;margin:0 auto;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
header h1{font-size:19px;margin:0;flex:1}
header a{color:#fff;text-decoration:none;font-size:14px;opacity:.9;padding:6px 12px;border-radius:8px}
header a:hover,header a.ativo{background:rgba(255,255,255,.18);opacity:1}
main{max-width:960px;margin:0 auto;padding:24px 20px 60px}
h2{color:var(--escuro);font-size:20px;margin:28px 0 12px}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin-top:20px}
.card{background:#fff;border:1px solid var(--borda);border-radius:14px;padding:20px;text-decoration:none;color:var(--ink);display:block;transition:box-shadow .15s}
.card:hover{box-shadow:0 4px 16px rgba(10,37,64,.12)}
.card .ic{font-size:30px}
.card h3{margin:8px 0 4px;color:var(--escuro)}
.card p{margin:0;font-size:13.5px;color:var(--ink2)}
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:16px 0}
.tile{background:#fff;border:1px solid var(--borda);border-radius:12px;padding:14px 16px}
.tile .v{font-size:22px;font-weight:800;color:var(--escuro);font-variant-numeric:tabular-nums}
.tile .l{font-size:12px;color:var(--ink2);margin-top:2px}
.tile.destaque .v{color:var(--teal)}
table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden;font-size:14px;margin:12px 0}
th{background:var(--escuro);color:#fff;padding:9px 12px;text-align:left;font-size:13px}
td{border-bottom:1px solid var(--borda);padding:8px 12px;font-variant-numeric:tabular-nums}
tr:last-child td{border-bottom:none}
.pill{display:inline-block;border-radius:12px;padding:2px 10px;font-size:12px;font-weight:700;background:#e3e9ef;color:#42556a}
.pill.verde{background:#d8f3e6;color:#137a52}
.pill.vermelho{background:#fbdcdc;color:#a92626}
.pill.amarelo{background:#fdf0d0;color:#8a6503}
.box{border:1px solid var(--borda);border-left:5px solid var(--azul);background:#fff;border-radius:10px;padding:12px 16px;margin:14px 0;font-size:14px}
.box.aviso{border-left-color:var(--amarelo)}
.box.dica{border-left-color:var(--verde)}
button,.btn{background:var(--azul);color:#fff;border:none;border-radius:9px;padding:10px 18px;font-size:14.5px;font-weight:600;cursor:pointer}
button:hover{filter:brightness(1.08)}
button.perigo{background:none;color:var(--vermelho);border:none;font-size:16px;padding:2px 8px}
input,select{border:1px solid var(--borda);border-radius:9px;padding:10px 12px;font-size:14.5px;background:#fff;color:var(--ink);width:100%}
label{font-size:12.5px;font-weight:700;color:var(--ink2);display:block;margin-bottom:4px}
.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;align-items:end;background:#fff;border:1px solid var(--borda);border-radius:12px;padding:16px;margin:14px 0}
.login-card{max-width:380px;margin:60px auto;background:#fff;border:1px solid var(--borda);border-radius:14px;padding:28px}
.login-card h2{margin-top:0}
.login-card .campo{margin-bottom:14px}
.muted{color:var(--ink2);font-size:13px}
.right{text-align:right}
.pos{color:var(--verde);font-weight:700}
.neg{color:var(--vermelho);font-weight:700}
.err{color:var(--vermelho);font-size:13.5px;margin-top:10px;min-height:18px}
footer{max-width:960px;margin:0 auto;padding:14px 20px 30px;font-size:12px;color:var(--ink2)}
@media(max-width:600px){header h1{font-size:16px}}