.historycard{background-color:#fff;border:.1rem solid #efefef;padding:2.1rem 0 3.1rem;border-radius:.8rem;width:100%;height:50dvh}.historycard__title{display:flex;align-items:center;justify-content:space-between;padding:0rem 3.2rem 2rem 2.9rem;font-family:SF Pro Display,sans-serif;font-size:2rem;line-height:118.75%}.historycard__title p{font-family:SF Pro Display,sans-serif;font-size:1.6rem;line-height:118.75%}.historycard__title a{font-family:SF Pro Display,sans-serif;font-size:1.4rem;line-height:121.42857143%;color:#887cfd}.historycard__list{display:flex;flex-direction:column;cursor:pointer}.historycard__item{font-family:Inter,sans-serif;font-size:1.2rem;line-height:116.66666667%;display:grid;justify-content:space-between;grid-template-columns:1.2rem 14rem 16rem 14rem 9.1rem 3rem 5rem;padding:1.2rem 4.3rem 1.2rem 2.7rem;align-items:center;color:#626978;position:relative}.sessioncard__item{font-family:Inter,sans-serif;font-size:1.2rem;line-height:116.66666667%;display:grid;justify-content:space-between;grid-template-columns:1.2rem 15.1rem 9.4rem 5.1rem 3.3rem 3.3rem 6.5rem 6rem 6rem;padding:1.2rem 4.3rem 1.2rem 2.7rem;align-items:center;color:#626978;position:relative}.historycard__item img,.sessioncard__item img{width:1.4rem;height:1.4rem}.historycard__item[data-head=true],.sessioncard__item [data-head=true]{background-color:#f9fafb;padding-top:1.4rem;padding-bottom:1.4rem}.historycard__item [data-live=true]{background-color:#e2f6f4;color:#00a691;padding:.8rem 1rem;border-radius:.4rem;width:fit-content}.historycard__item [data-status=Pending],.sessioncard__item [data-live=Pending]{background-color:#efefef;color:#626978;padding:.8rem 1rem;border-radius:.4rem;width:fit-content}.historycard__item [data-status=Ongoing],.sessioncard__item [data-live=Ongoing]{background-color:#e2f6f4;color:#00a691;padding:.8rem 1rem;border-radius:.4rem;width:fit-content}.historycard__item [data-status=Ended],.sessioncard__item [data-live=Ended]{background-color:#feecef;color:#f4405f;padding:.8rem 1rem;border-radius:.4rem;width:fit-content}.historycard__item [data-status=Failed]{background-color:#efefef;color:#626978;padding:.8rem 1rem;border-radius:.4rem;width:fit-content}.historycard__item [data-live=false],.sessioncard__item [data-live=false]{background-color:#feecef;color:#f4405f;padding:.8rem 1rem;border-radius:.4rem;width:fit-content}.historycard__item aside,.sessioncard__item aside{position:absolute;bottom:0;border-bottom:.1rem solid #efefef;width:93rem;left:2.6rem}.historycard__pages{margin:5.3rem auto 0;display:flex;justify-self:center;align-self:bottom}.pagination{margin:0 auto}.booking-ref-container{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem;border-radius:.25rem;transition:background-color .2s ease-in-out}.booking-ref-container:hover{background-color:#0000001a}.copy-text{font-size:1rem;color:#626978;opacity:0;position:absolute;top:-.3rem;transition:opacity .2s ease-in-out}.booking-ref-container:hover .copy-text{opacity:1}.no-bookings{font-size:1.6rem;margin-top:2rem;text-align:center;color:#626978}.historycard__filters .filter{font-size:1rem;color:#efefef}.historycard__filters .input{border:none;padding:1rem}.csv__button{background:black;color:#fff;padding:1rem;border-radius:.5rem;border:1px solid black}.session__cards__container{position:absolute;z-index:8;top:20px;right:20px;background:transparent;height:fit-content;width:fit-content;padding:1rem;display:flex;flex-direction:row;gap:2rem}.session__card{background:#ffffff;border-radius:26px;width:320px;height:280px;display:flex;flex-direction:column;align-items:center;padding:2rem;box-shadow:2px 2px 1px #000000bf;@media (min-width: 1240px){width:420px;height:380px}}.session__card__img{height:80px;width:120px;margin-top:18px}.session__hide{width:15px;height:15px;align-self:flex-end;cursor:pointer}.session__user,.session__time{font-family:SF Pro Display;font-size:18px;font-weight:400;padding:.5rem;line-height:10.71px;text-align:center;color:#000}.session__status,.session__plan{font-family:SF Pro Display;font-size:14px;font-weight:400;line-height:16.71px;padding:.5rem;text-align:center;color:#626978}.session__seat{font-family:SF Pro Display;font-size:42px;font-weight:400;line-height:50.12px;text-align:center;color:#626978}.export__container{display:flex;flex-direction:column;align-items:start;gap:2rem;width:100%;margin-top:1rem}.export__container label{font-family:SF Pro Display;font-size:1.5rem}.export__container input{width:100%;height:38px;padding:1rem;border:1px solid #efefef;border-radius:8px}.export__container P{text-align:left;font-size:12.56px;font-weight:500;font-family:Helvetica}.csv__modal__container,.search__modal__container{display:flex;flex-direction:column;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1000}.csv__modal{background:#ffffff;border-radius:12px;width:420px;height:500px;display:flex;flex-direction:column;align-items:center;padding:2rem;box-shadow:1px 2px 1px #000000bf;@media (min-width: 1240px){width:520px;height:540px}}.csv__modal__header{padding:1rem;font-size:50.56px;font-weight:500;font-family:Helvetica}.csv__modal__button{background:black;color:#fff;padding:1rem;border-radius:.5rem;border:1px solid black;align-self:flex-end}.csv__close__button{align-self:flex-end;width:15px;height:15px;cursor:pointer}.search__modal{background:#ffffff;width:420px;height:100vh;display:flex;flex-direction:column;align-items:center;padding:2.5rem;align-self:flex-end;@media (min-width: 1240px){width:600px}}.customer__avatar{height:250px;width:250px;object-fit:cover}.customer__booking{width:100%;height:fit-content;text-align:left;display:flex;flex-direction:column;align-items:center;justify-content:center}.customer__booking__details{width:100%;margin-top:2rem}.customer__booking__text{display:flex;margin-bottom:1.5rem;flex-direction:row;justify-content:space-between;width:100%;align-items:center}.customer__booking__text p{font-family:SF Pro Display;font-size:1.5rem;font-weight:700;line-height:1.5rem;color:gray}.customer__booking__text h2{font-family:SF Pro Display;font-size:2rem;font-weight:500;line-height:1.5rem;color:#000}.error__text{font-family:SF Pro Display;font-size:1.5rem;font-weight:500;line-height:1.5rem;color:#000;text-align:center;margin-top:2rem}.customer__bookings__list{margin-top:2rem;width:100%;height:fit-content}.customer__booking__item{width:100%;margin-bottom:1rem;border-bottom:1px solid #ccc}.booking__ref__header{display:flex;justify-content:space-between;padding:10px;cursor:pointer;background-color:#f0f0f0}.booking__ref__header:hover{background-color:#e0e0e0}.checkin__form{display:flex;gap:2rem;align-items:center;padding-left:2rem;margin-bottom:2rem}.checkin__form input{padding:1rem}.checkin__button{background:#000000;color:#fff;border-radius:6px;padding:10px 16px;width:89px;height:36px;font-size:11px;font-weight:700}.checkin__status{font-family:SF Pro Display;font-size:1.5rem;font-weight:500;color:green;margin-left:2rem;margin-bottom:2rem}.historycard__list .empty__sessions{margin:auto;width:100%;position:relative;left:42%;font-size:1.2rem;margin-top:2rem}.notifications__modal{position:absolute;top:2rem;right:4rem;background-color:#fff;width:270px;padding:1rem;height:305px;border-radius:12px;box-shadow:-2px -2px 1px 1px #00000059,0 2px 2px -1px #00000059;@media (min-width: 1240px){width:420px;height:460px;padding:1rem}}.notifications__header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #efefef}.notifications__header__text{font-family:SF Pro Display;font-size:1.8rem;font-weight:500;color:#000;align-self:center}.notifications__container{display:flex;flex-direction:column;gap:1rem;padding:1rem;height:250px;overflow-y:scroll;margin-top:1rem;@media (min-width: 1240px){height:400px}}.notifications__container ul{list-style-type:none;padding:0;display:flex;flex-direction:column;gap:1rem;overflow-y:scroll}.notification__message{font-family:SF Pro Display;font-size:1.5rem;font-weight:500;color:#000;background-color:#f0f0f0;padding:1rem}.custom-select{height:100%;border:1px solid #efefef;border-radius:8px;width:100%;color:#000;background:transparent;cursor:pointer;outline:1px solid #efefef;overflow-y:scroll}.custom-select__header{background-color:#fff;display:flex;font-size:13px;padding:1.25rem;justify-content:space-between!important;align-items:center;width:100%}.custom-select__arrow{margin-left:8px;transition:transform .3s ease}.custom-select__arrow.open{transform:rotate(-180deg)}.custom-select__list{position:absolute;width:100%;top:120%;height:fit-content;max-height:200px;overflow-y:scroll;background-color:#fff;border:1px solid #ccc;border-radius:4px;z-index:1000}.custom-select__option{padding:10px;cursor:pointer}.custom-select__option:hover{background-color:#f0f0f0}.export__select{position:relative;display:flex;flex-direction:row;align-items:center;justify-self:space-between;width:100%;height:4.2rem}.skeleton{background-image:linear-gradient(90deg,rgba(240,240,240,0) 0%,rgba(220,220,220,.5) 50%,rgba(240,240,240,0) 100%);background-size:200% 100%;animation:shimmer 1.8s infinite}.skeleton-stat-card{height:120px;width:320px;padding:16px;margin-bottom:16px}.skeleton-icon{width:50px;height:50px;background-color:#e0e0e0;border-radius:50%}.skeleton-text{height:20px;width:60%;margin-top:10px;background-color:#e0e0e0;border-radius:4px;margin-bottom:10px}.skeleton-sessions-card{height:55vh;width:100%;padding:16px;margin-bottom:16px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}
