.cp-calendar-header { display: flex; gap: 10px; margin-bottom: 10px; }
.cp-calendar-grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 5px; }
.cp-calendar-day-header, .cp-calendar-day { padding: 10px; text-align: center; border: 1px solid #ddd; }


.cp-calendar-day:hover {
    background: rgba(255,0,0,0.3);
    cursor: pointer;
}

.cp-calendar-day.active {
    background: #ff0000;
    color: #FFFFFF;
}