body { background: #f7f5f2; font-family: Arial, sans-serif; }
.site-header { background: #f7f5f2; box-shadow: 0 2px 4px rgba(0,0,0,0.04); }
.site-footer { background: #f7f5f2; color: #888; text-align: center; padding: 1.5rem 0; margin-top: 3rem; }
body.dashboard-page { background: #fff; }
.site-header .container { display: flex; align-items: center; justify-content: space-between; }
.site-header .logo { height: 100px; }
.site-header nav a { color: #004D6E; font-weight: 500; margin-left: 2rem; text-decoration: none; transition: color 0.2s; }
.site-header nav a:hover, .site-header nav a.active { color: #00C49A; }
@media (max-width: 768px) {
  .site-header .container { flex-direction: column; align-items: flex-start; }
  .site-header nav { width: 100%; margin-top: 1rem; }
  .site-header nav a { margin-left: 0; margin-right: 1.5rem; display: inline-block; }
}