body { font-family: Arial, sans-serif; margin:0; padding:0; background:#f5f6fb; color:#222;}
.site-header { background:#4b2b7f; color:#fff; padding:12px 20px; display:flex; align-items:center; justify-content:space-between;}
.site-header .brand { font-weight:700; font-size:18px;}
.main-nav a { color:#fff; margin-left:12px; text-decoration:none;}
.content { padding:20px; max-width:1100px; margin:0 auto;}
.chart-card { background:#fff; padding:12px; border-radius:8px; box-shadow:0 1px 4px rgba(0,0,0,0.08); margin-bottom:12px;}
.charts { display:grid; grid-template-columns:1fr 1fr; gap:12px;}
.btn { display:inline-block; padding:8px 12px; background:#4b2b7f; color:#fff; border-radius:6px; text-decoration:none; margin-right:8px;}
.site-footer { text-align:center; padding:12px; color:#666;}
table.list { width:100%; border-collapse:collapse; background:#fff; box-shadow:0 1px 4px rgba(0,0,0,0.06); }
table.list th, table.list td { padding:8px 10px; border-bottom:1px solid #eee; text-align:left;}
table.list th { background:#fafafa; }