.date-picker-container{margin-top:20px}.day{display:flex;justify-content:center;align-items:center}.day.available{background-color:#d1fae5;border-radius:50%}.modal-box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:24px;border-radius:8px;outline:none;max-width:600px;width:90%;max-height:90%;overflow-y:auto}.time-slots-container{margin-top:20px}.time-slots-list{list-style-type:none;padding:0;display:flex;flex-wrap:wrap}.time-slot-button{padding:10px 15px;margin:5px;background-color:#e5e7eb;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s}.time-slot-button:hover{background-color:#d1d5db}.time-slot-button.selected{background-color:#3b82f6;color:#fff}.time-slot-button:disabled{background-color:#9ca3af;cursor:not-allowed}.confirm-button{margin-top:16px}.success-message{color:green;margin-top:20px}.error-message{color:red;margin-top:20px}@media (max-width: 600px){.modal-box{width:90%;padding:16px}.time-slot-button{width:100%;margin:5px 0}.time-slots-list{flex-direction:column;align-items:stretch}}.react-datepicker__day--highlighted.react-datepicker__day--userbooked{background-color:#fe9!important;color:#000!important;border-radius:50%}