.custom-calendar-container{padding:16px;background-color:#fff}.month-title{color:#525267;font-size:22px;font-weight:700;text-align:center;padding:16px 0;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center}.month-nav-btn{background:none;border:none;color:#525267;font-size:18px;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.month-nav-btn:hover{background-color:#f0f2f8}.week-days{display:flex;justify-content:space-between;margin-bottom:8px;padding:0 8px}.week-days div{color:#6e7491;font-size:14px;text-align:center;width:40px;text-transform:uppercase;font-weight:500}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;padding:0 8px}.calendar-day{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;color:#525267;transition:all .2s;position:relative}.calendar-day.disabled{color:#c4c9d4;cursor:not-allowed}.calendar-day.outside{color:#a0a8b7}.calendar-day.today{background-color:#e8f4ff;color:#1e40af}.calendar-day.selected{background-color:#f26f6d;color:#fff}.calendar-day.in-range{background-color:#fef2f2;color:#f26f6d}.calendar-day:not(.disabled):not(.selected):hover{background-color:#f0f2f8}.desktop-calendar{box-shadow:0 8px 24px #0000001a;border-radius:8px;position:absolute;top:100%;left:0;z-index:50;margin-top:8px;min-width:340px}@media (min-width: 640px){.months-container{display:flex;gap:16px}.month-column{flex:1}.custom-calendar-container{padding:12px}.month-title{font-size:18px;font-weight:600;padding:12px 0;margin-bottom:6px}.week-days{margin-bottom:6px;padding:0 6px}.week-days div{font-size:12px;width:32px}.calendar-grid{gap:2px;margin-bottom:16px}.calendar-day{height:36px;width:36px;font-size:14px}.desktop-calendar{min-width:300px}.months-container{gap:12px}}.date-selector-splide{padding:0!important;margin:0!important}.date-selector-splide .splide__track{overflow:visible}.date-selector-splide .splide__slide{opacity:1;transition:opacity .3s ease}.date-selector-splide .splide__slide.is-active{opacity:1}.date-selector-splide .splide__slide button{width:100%;min-width:0;margin:0}@media (max-width: 640px){.date-selector-splide .splide__slide{width:auto!important}.date-selector-splide .splide__track{overflow:visible}}
