.calendar-wrapper {
   background: #fff;
   border-radius: 12px;
   padding: 25px;
   box-shadow: 0 10px 30px rgba(0,0,0,0.05);
   border: 1px solid #f0f0f0;
   }
   .calendar-header {
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-bottom: 25px;
   }
   .calendar-header h4 {
   margin: 0;
   font-size: 18px;
   font-weight: 600;
   color: #333;
   font-family: 'Playfair Display', serif;
   }
   .cal-btn {
   background: #fff;
   border: 1px solid #eee;
   width: 35px;
   height: 35px;
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 8px;
   cursor: pointer;
   color: #666;
   transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
   }
   .cal-btn:hover {
   background: #bf9456;
   color: #fff;
   border-color: #bf9456;
   transform: translateY(-2px);
   box-shadow: 0 5px 15px rgba(191, 148, 86, 0.3);
   }
   .calendar-weekdays {
   display: grid;
   grid-template-columns: repeat(7, 1fr);
   text-align: center;
   font-weight: 600;
   color: #bf9456;
   font-size: 12px;
   text-transform: uppercase;
   letter-spacing: 1px;
   margin-bottom: 15px;
   }
   .calendar-days {
   display: grid;
   grid-template-columns: repeat(7, 1fr);
   gap: 8px;
   }
   .calendar-days div {
   aspect-ratio: 1;
   display: flex;
   align-items: center;
   justify-content: center;
   cursor: pointer;
   border-radius: 8px;
   font-size: 14px;
   color: #444;
   font-weight: 500;
   transition: all 0.2s ease;
   border: 1px solid transparent;
   }
   .calendar-days div:hover:not(.disabled):not(.active) {
   background: #fdf7f0;
   color: #bf9456;
   border-color: #fcecd7;
   }
   .calendar-days div.active {
   background: #bf9456;
   color: #fff;
   font-weight: 600;
   box-shadow: 0 5px 15px rgba(191, 148, 86, 0.4);
   }
   .calendar-days div.disabled {
   color: #d1d1d1;
   cursor: not-allowed;
   background: #fafafa;
   }
   .calendar-days div.today {
   border-color: #bf9456;
   color: #bf9456;
   background: #fdf7f0;
   }
   .time-slots-wrapper {
   display: flex;
   flex-direction: column;
   gap: 12px;
   max-height: 340px;
   overflow-y: auto;
   padding-right: 10px;
   }
   .time-slot {
   padding: 15px 20px;
   background: #fff;
   border: 1px solid #eee;
   border-radius: 10px;
   cursor: pointer;
   font-size: 14px;
   color: #555;
   font-weight: 500;
   text-align: center;
   transition: all 0.3s ease;
   }
   .time-slot:hover {
   border-color: #bf9456;
   color: #bf9456;
   background: #fdf7f0;
   transform: translateX(5px);
   }
   .time-slot.active {
   background: #bf9456;
   color: #fff;
   border-color: #bf9456;
   box-shadow: 0 5px 15px rgba(191, 148, 86, 0.3);
   }
   /* Custom Multiselect */
   .custom-multiselect {
   position: relative;
   width: 100%;
   font-family: 'Poppins', sans-serif;
   }
   .multiselect-header {
   padding: 12px 15px;
   border: 1px solid #ddd;
   border-radius: 5px;
   font-size: 14px;
   background: #fff;
   cursor: pointer;
   display: flex;
   justify-content: space-between;
   align-items: center;
   min-height: 48px;
   }
   .multiselect-header .placeholder {
   color: #777;
   }
   .multiselect-header .selected-tags {
   display: flex;
   flex-wrap: wrap;
   gap: 5px;
   }
   .tag {
   background: #fdf7f0;
   color: #bf9456;
   padding: 2px 8px;
   border-radius: 4px;
   font-size: 12px;
   display: flex;
   align-items: center;
   gap: 5px;
   border: 1px solid #fcecd7;
   }
   .tag i {
   cursor: pointer;
   font-size: 10px;
   }
   .multiselect-options {
   position: absolute;
   top: 105%;
   left: 0;
   width: 100%;
   background: #fff;
   border: 1px solid #eee;
   border-radius: 8px;
   box-shadow: 0 10px 30px rgba(0,0,0,0.1);
   z-index: 1000;
   display: none;
   max-height: 250px;
   overflow-y: auto;
   }
   .multiselect-options.show {
   display: block;
   animation: fadeInDown 0.3s ease;
   }
   .multiselect-options .option {
   padding: 12px 15px;
   cursor: pointer;
   font-size: 14px;
   color: #444;
   transition: all 0.2s ease;
   border-bottom: 1px solid #f9f9f9;
   }
   .multiselect-options .option:last-child {
   border-bottom: none;
   }
   .multiselect-options .option:hover {
   background: #fdf7f0;
   color: #bf9456;
   }
   .multiselect-options .option.selected {
   background: #bf9456;
   color: #fff;
   }
   @keyframes fadeInDown {
   from { opacity: 0; transform: translateY(-10px); }
   to { opacity: 1; transform: translateY(0); }
   }
   /* Custom Scrollbar */
   .time-slots-wrapper::-webkit-scrollbar {
   width: 5px;
   }
   .time-slots-wrapper::-webkit-scrollbar-track {
   background: #f9f9f9;
   border-radius: 10px;
   }
   .time-slots-wrapper::-webkit-scrollbar-thumb {
   background: #e0e0e0;
   border-radius: 10px;
   }
   .time-slots-wrapper::-webkit-scrollbar-thumb:hover {
   background: #bf9456;
   }