.calendar-container{text-align:center;width:100%;max-width:500px;margin:20px auto 0;font-family:Arial,sans-serif}.calendar-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.calendar-header button{cursor:pointer;background:0 0;border:none}.scroll-style::-webkit-scrollbar{width:5px}.scroll-style::-webkit-scrollbar-track{background:#f1f1f1;border-radius:5px}.scroll-style::-webkit-scrollbar-thumb{background:#21759c;border-radius:5px;transition:background .3s}.scroll-style::-webkit-scrollbar-thumb:hover{background:#195b73}.calendar-header button:hover{color:#1d6687}.calendar-header h2{color:#333;margin:0;font-size:16px}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:5px;margin-top:20px;display:grid}.weekday,.day{border-radius:50%;justify-content:center;align-items:center;height:30px;display:flex}.weekday{background-color:#f0f0f0;font-size:.7rem}.day{cursor:pointer;background-color:#fff;width:30px;height:30px;font-size:13px;transition:background-color .2s}@media (min-width:1024px){.day{width:40px;height:40px;font-size:15px}}.day.current-month{color:#333}.day.other-month{color:#ccc!important;background-color:#fff!important;font-weight:400!important}.day.available{color:#1d6687;background-color:#1d668714;font-weight:700}.selected-day{color:#fff!important;background-color:#1d6687!important}.day.unavailable{color:#999;cursor:not-allowed;background-color:#f0f0f0}