body { font-family: system-ui, -apple-system, sans-serif; max-width: 900px; margin: 0 auto; padding: 1rem; color: #222; }
header h1 { margin-bottom: 0.2rem; }
nav { margin-bottom: 1rem; }
.day-group { margin-bottom: 1.5rem; }
.event-list { display: flex; flex-wrap: wrap; gap: 1rem; }
.event-card { border: 1px solid #ccc; border-radius: 8px; padding: 1rem; width: 220px; }
.event-title { font-weight: bold; }
.event-time, .event-location, .event-capacity { font-size: 0.9rem; color: #555; margin-top: 0.25rem; }
.btn { display: inline-block; background: #1a5d3a; color: #fff; padding: 0.5rem 1rem; border-radius: 6px; text-decoration: none; border: none; cursor: pointer; margin-top: 0.5rem; }
.btn-danger { background: #a33; }
.error { color: #a33; font-weight: bold; }
table { border-collapse: collapse; width: 100%; margin-top: 1rem; }
th, td { border: 1px solid #ddd; padding: 0.4rem 0.6rem; text-align: left; }
label { display: block; margin: 0.5rem 0; }
input, select, textarea { padding: 0.3rem; }