
body{font-family:Arial;background:#f4f6f8;margin:0;}
header{background:#1E6F8A;color:white;padding:25px;display:flex;justify-content:space-between;align-items:center;}
.logo{width:250px;height:120px;object-fit:contain;}
.title h1{margin:0;}
.filters{background:white;margin:20px;padding:20px;border-radius:10px;}
#dynamicFilters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px;}
select{padding:8px;border-radius:6px;border:1px solid #ccc;}
.cards{display:flex;gap:20px;margin:20px;}
.card{background:white;flex:1;padding:20px;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,0.1);text-align:center;}
.card span{font-size:30px;font-weight:bold;}
.charts{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px;}
.chartBox{background:white;padding:20px;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,0.1);}
.tableSection{margin:20px;background:white;padding:20px;border-radius:10px;}
table{width:100%;border-collapse:collapse;font-size:13px;}
th,td{border:1px solid #ddd;padding:6px;}
th{background:#1E6F8A;color:white;}
footer{background:#1E6F8A;color:white;text-align:center;padding:25px;margin-top:30px;}
.whatsapp{display:inline-block;background:#25D366;color:white;padding:10px 20px;border-radius:5px;text-decoration:none;margin-top:10px;}
