body { font-family: 'Segoe UI', Arial; background:#eef1f5; margin:0; }
.topo { background:#1f2937; color:#fff; padding:20px; }
.resumo { display:flex; gap:20px; padding:20px; }
.card { flex:1; border-radius:12px; padding:20px; color:#fff; text-align:center; box-shadow:0 4px 8px rgba(0,0,0,0.1); }
.card h2 { margin:0; font-size:18px; }
.card p { font-size:36px; margin:10px 0 0; }
.verde { background:linear-gradient(135deg,#22c55e,#16a34a); }
.amarelo { background:linear-gradient(135deg,#facc15,#eab308); }
.vermelho { background:linear-gradient(135deg,#ef4444,#b91c1c); }
.lista { background:#fff; margin:20px; padding:20px; border-radius:12px; }
.lista table { width:100%; border-collapse:collapse; }
.lista th { padding:12px; border-bottom:1px solid #2c2e33ff; }
.lista th, .lista td { padding:12px; border-bottom:1px solid #ddd; }
.warning { background:#fff7ed; }
.danger { background:#fee2e2; }