.react-calendar{width:350px;max-width:100%;background:#fff;border:none;box-shadow:0 4px 10px rgba(0,0,0,.1);padding:15px;font-family:Arial,sans-serif}.react-calendar__navigation{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.react-calendar__navigation button{background:none;border:none;color:#336c41;font-size:16px;font-weight:700;cursor:pointer;padding:5px 10px;border-radius:6px;transition:background .2s ease}.react-calendar__navigation button[aria-label*=year]{display:none}.react-calendar__navigation button:hover{background:rgba(0,123,255,.1)}.react-calendar__month-view__weekdays{text-transform:uppercase;font-size:12px;font-weight:700;color:#6c757d;text-decoration:none}.react-calendar__month-view__weekdays__weekday{text-decoration:none}.react-calendar__tile{border-radius:6px;padding:12px;text-align:center;transition:color .2s ease,background .2s ease;cursor:pointer;background:none!important}.react-calendar__tile--now{font-weight:700;color:#007bff;background:rgba(0,123,255,.1)!important;border-radius:6px}.react-calendar__tile--active{font-weight:700;color:#fff;background:#28a745!important;border-radius:6px}.react-calendar__tile:hover{color:#007bff;background:rgba(0,123,255,.1)}.react-calendar__tile--disabled{color:#ddd;cursor:not-allowed}