.calendar-container{display:grid;grid-template-rows:auto 1fr;background-color:#fff;border:1px solid #ddd;overflow:hidden}.calendar-header{display:grid;border-bottom:1px solid #ddd;grid-template-columns:repeat(8,12.5%);color:#333;text-align:center}.header-cell{font-weight:700;padding:10px;border-right:1px solid #ddd}.calendar-grid{display:grid;grid-template-columns:repeat(8,12.5%)}.time-column{display:flex;flex-direction:column;border-right:1px solid #ddd}.time-slot{height:30px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #ccc;font-weight:700}.day-column{display:flex;flex-direction:column;border-right:1px solid #ccc}.event-slot{height:30px;border-bottom:1px solid #ccc}.event-slot:not(:empty){background-color:#e3f2fd;border-left:4px solid #fff;box-shadow:0 2px 4px rgba(0,0,0,.1)}.empty-seat{background-color:#fff;border-bottom:1px solid #ccc;width:100%;height:100%;border-radius:2px}.current-seat{background-color:#333;padding:2px}.current-seat,.not-seat{border-bottom:1px solid #ccc;position:absolute;width:100%;height:390px;border-radius:2px}.not-seat{background-color:#ccc}