body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    background: #f4f9f4;
    color: #2e3b2c;
}
header {
    background-color: #a8d5ba;
    text-align: center;
    padding: 1em;
}
header .logo { width: 120px; height: auto; margin-bottom: 10px; }
nav ul { list-style: none; margin: 0; padding: 0; }
nav ul li { display: inline-block; margin: 0 10px; }
nav ul li a { text-decoration: none; color: #2e3b2c; font-weight: bold; }
main { padding: 2em; }
section { margin-bottom: 2em; }
footer { background: #d3e8d3; text-align: center; padding: 1em; font-size: 0.9em; }
table { width: 100%; border-collapse: collapse; margin-top: 1em; }
table, th, td { border: 1px solid #ccc; }
th, td { padding: 10px; text-align: left; }
thead { background: #e5f5e5; }
@media (max-width: 768px) { nav ul li { display: block; margin: 10px 0; } }