body {
    font-family: Arial, sans-serif;
    text-align: center;
}

.calendar {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    max-width: 800px;
    margin: 0 auto;
}

.day, .header {
    border: 1px solid #ccc;
    padding: 10px;
    text-align: center;
}

.available { background-color: #dff0d8; }
.reserved { background-color: #f2dede; }
.empty { background-color: #f9f9f9; }

form { font-size: 0.8em; }