.calendar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:20px auto;box-sizing:border-box}.month{border:1px solid #ccc;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,.1)}.month h2{text-align:center;margin-top:0;margin-bottom:20px;font-size:1.5rem}.week-header{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;font-weight:700;background-color:#e0e0e0;color:#333;padding:5px 0;margin-bottom:10px}.days-container{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;justify-items:center}.day{position:relative;display:flex;justify-content:center;align-items:center;text-align:center;padding:0;background-color:#f9f9f9;border:1px solid #ddd;border-radius:5px;color:#333;width:40px;height:40px;font-size:1rem}.event-day .badge{font-size:.9rem;position:absolute;top:-8px;right:-5px;width:20px;height:20px;justify-content:center;align-items:center;padding-left:10px;padding-top:3px;border-radius:50%;display:flex}.event-day .badge.bg-info{background-color:var(--secondary-color)!important}.day.empty{background-color:transparent}.day:not(.empty):hover{background-color:#eaeaea}.disabled-month{color:#999;opacity:.5}.disabled-day{color:#999;opacity:.5;background-color:#f0f0f0}.disabled-day:hover{background-color:#f0f0f0}body .day.event-day{font-weight:700;background-color:var(--primary-color);color:#000}.day.event-day:hover{cursor:pointer}.calendar-grid.centered .month{grid-column:2/3}