.calendar{background:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);margin-top:.5rem;padding:1rem;position:relative;z-index:1000}.calendar-header{margin-bottom:1rem}.year-picker{justify-content:space-between;width:100%}.month-change,.year-picker{align-items:center;display:flex}.month-change{border-radius:50%;cursor:pointer;height:40px;justify-content:center;padding:.5rem;transition:background-color .2s;width:40px}.month-change:hover{background-color:#f8f9fa}.month-picker{border-radius:4px;cursor:pointer;font-size:1.1rem;font-weight:600;padding:.25rem .5rem;transition:background-color .2s}.month-picker:hover{background-color:#f8f9fa}.calendar-body{width:100%}.calendar-week-day{display:grid;gap:.25rem;grid-template-columns:repeat(7,1fr);margin-bottom:.5rem}.calendar-week-day>div{color:#6c757d;font-size:.875rem;font-weight:600;padding:.5rem 0;text-align:center}.calendar-day{display:grid;gap:.25rem;grid-template-columns:repeat(7,1fr)}.calendar-day>div{align-items:center;aspect-ratio:1;border-radius:4px;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;justify-content:center;position:relative;transition:all .2s}.calendar-day>div:hover:not(.empty){background-color:#e9ecef}.calendar-day>div.empty{color:transparent;cursor:default}.calendar-day>div.selected{background-color:#007bff;color:#fff}.calendar-day>div.selected:hover{background-color:#0056b3}.calendar.horaires{background:#fff;border:1px solid #dee2e6;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1)}.calendar-day-horaires>div{min-height:40px}.calendar-day-horaires>div:hover:not(.empty){background-color:#f8f9fa}.calendar-day-horaires>div.selected{background-color:#007bff;color:#fff}.currDate-horaires{background-color:#e3f2fd!important;color:#1976d2!important;font-weight:600}.currDate-horaires:hover{background-color:#bbdefb!important}.month-list{background:#fff;border:1px solid #dee2e6;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);display:none;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1001}.month-list.show{display:block}.month-list-horaires{background:#fff;border:1px solid #dee2e6;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1)}.month-list>div{border-bottom:1px solid #f8f9fa;cursor:pointer;padding:.75rem 1rem;transition:background-color .2s}.month-list>div:last-child{border-bottom:none}.month-list>div:hover{background-color:#f8f9fa}.month-list>div:active{background-color:#e9ecef}@media (max-width:576px){.calendar{padding:.75rem}.calendar-day>div{font-size:.8rem;min-height:35px}.month-change{height:35px;width:35px}}