@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";input[type=date]{text-overflow:ellipsis;overflow:hidden}.modal-overlay{width:100vw;height:100vh;background:#00000080;inset:0;position:fixed;z-index:2}.modal-overlay .modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:clamp(1rem,5vw,2rem)}.modal-overlay .modal h2:not(.modal-pin h2,.edit-reservation-modal h2){font-size:clamp(1.5rem,5vw,2.5rem);line-height:1.25em;margin-bottom:.5rem}.modal-overlay .modal h2{margin-bottom:.5rem}.modal-overlay .modal .btn-primary{font-size:clamp(.75rem,5vw,1.25rem);background:#000}.modal-overlay .modal .btn-secondary{background:none;color:#000;font-size:clamp(.75rem,5vw,1.25rem)}@media screen and (max-width: 700px){.modal-overlay .modal{width:90%}}.edit-reservation-modal .line+.line{margin-top:.5rem}.edit-reservation-modal label{width:15ch;display:inline-block}.edit-reservation-modal input,.edit-reservation-modal select{width:150px;height:40px;font-size:1rem;padding:0 .5rem;border:1px solid #ccc;border-radius:4px}.edit-reservation-modal .btn-group{margin-top:.5rem}.edit-reservation-modal .btn-group .btn-primary{padding:.75rem 1.5rem}.reservations{color:#fff;width:100%;overflow:auto;border:1px solid hsl(0,0%,75%);padding:.5rem}.reservations__title{text-transform:capitalize;margin-bottom:.5rem}.reservations__header,.reservations__content{display:flex;gap:1rem;padding-block:.5rem}.reservations__header .reservations__cell--status p,.reservations__content .reservations__cell--status p{text-transform:capitalize}.reservations__header p{font-weight:500}.reservations__header .reservations__cell p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.reservations__header .reservations__cell--date{display:flex;align-items:center;gap:.75rem}.reservations__header .reservations__cell--date .sort-icon{cursor:pointer;font-size:12px;height:1lh}.reservations__content{border-top:1px solid hsl(0,0%,75%)}.reservations__content .reservations__cell--options{display:flex;gap:1rem}.reservations__content .reservations__cell--options svg{cursor:pointer}.reservations__content .reservations__cell--options svg:last-child{transform:translateY(2px)}.reservations__empty{text-align:center;padding-block:1rem}.reservations__content+.reservations__content{border-top:1px solid hsl(0,0%,25%)}.reservations .comment{background:#1a1a1a;padding:.5rem 1rem;margin-bottom:.5rem}.reservations .comment h3{font-size:16px}.reservations__cell{width:100%}.reservations-panel{margin-top:2.5rem}.reservations-panel-section--today{margin-top:5rem}.reservations-panel__title{font-size:1.5rem;margin-bottom:1rem}.reservations-panel__list{max-height:500px;overflow:hidden}.reservations-panel__item{height:50px;padding-inline:.5rem;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.reservations-panel__item:nth-child(odd){background:#ffe7da}.reservations-panel__item:nth-child(2n){background:#a76747;color:#fff}:root{--sidebar-width: 500px }.dashboard{min-height:100vh;display:flex}.dashboard__sidebar{width:var(--sidebar-width);padding:1rem;position:fixed;left:0;top:0;bottom:0;overflow:auto}.dashboard__btn--back{width:48px;aspect-ratio:1;border-radius:50%;background:#a76747;display:flex;align-items:center;justify-content:center;cursor:pointer}.dashboard__btn--back svg{color:#fff;font-size:1.5rem}.dashboard__restaurant-name{margin-top:2.5rem}.dashboard__main{width:100%;margin-left:var(--sidebar-width);padding-block:7.5rem 5rem;background:#000}.dashboard__topbar{display:none!important;width:calc(90% - var(--sidebar-width));height:100px;border-radius:100px;padding-inline:1.5rem;background:#a76747;display:flex;align-items:center;justify-content:space-between;position:fixed;top:2.5rem;left:calc(50% + var(--sidebar-width));transform:translate(calc(-50% - 250px))}.dashboard__search{width:400px;height:60px;padding-inline:1rem;border:2px solid #fff;border-radius:100px;display:flex;align-items:center;justify-content:space-between}.dashboard__search-input{width:100%;height:100%;background:none;border:none;color:#fff;font-size:1rem}.dashboard__search-input::-moz-placeholder{opacity:.5;font-size:1rem}.dashboard__search-input::placeholder{opacity:.5;font-size:1rem}.dashboard__search-input:focus{outline:none}.dashboard__search svg{color:#fff;font-size:1.5rem;cursor:pointer}.dashboard__calendar{cursor:pointer}.dashboard__calendar svg{color:#fff;font-size:clamp(1.5rem,5vw,3rem)}.dashboard .reservation__group{padding-inline:1rem;margin-top:1rem;display:flex;flex-direction:column;gap:1rem}.dashboard__btn--load-more{width:150px;height:50px;background:#0d0d0d;font-size:1rem;color:#fff;border-radius:100px;position:fixed;bottom:2.5rem;left:calc(50% + var(--sidebar-width));transform:translate(calc(-50% - 250px))}.dashboard .dashmodal{width:min(100%,400px);background:#fff;position:fixed;top:50%;left:calc(50% + var(--sidebar-width));transform:translate(calc(-50% - 250px),-50%);padding:2rem;border-radius:1rem}.dashboard .dashmodal__close{position:absolute;top:1rem;right:1rem;cursor:pointer}.dashboard .dashmodal__close svg{font-size:1.75rem}.dashboard .dashmodal p{font-size:1.25em}.dashboard .dashmodal p.dashmodal__value{max-width:10ch;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-transform:capitalize}.dashboard .dashmodal__line{height:40px;display:flex;align-items:center}.dashboard .dashmodal__label{font-weight:700;width:15ch}.dashboard .dashmodal__btn-group{margin-top:1rem}.dashboard .dashmodal__btn{width:100px;height:40px;background:none;font-size:1rem}.dashboard .dashmodal__btn--primary{background:#000;color:#fff}@media screen and (min-width: 701px){.dashboard__main .dashboard__btn--back{display:none}}@media screen and (max-width: 1600px){:root{--sidebar-width: 400px }.dashboard__topbar,.dashboard__btn--load-more{transform:translate(calc(-50% - 200px))}.dashboard .dashmodal{transform:translate(calc(-50% - 200px),-50%)}}@media screen and (max-width: 1400px){.dashboard__topbar{width:calc(95% - var(--sidebar-width))}.dashboard__tables{width:95%}}@media screen and (max-width: 1200px){:root{--sidebar-width: 300px }.dashboard__topbar,.dashboard__btn--load-more{transform:translate(calc(-50% - 150px))}.dashboard .dashmodal{transform:translate(calc(-50% - 150px),-50%)}}@media screen and (max-width: 900px){.dashboard__topbar{height:80px}.dashboard__search{width:200px;height:40px;border-width:1px}.dashboard__tables{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}}@media screen and (max-width: 700px){.dashboard{display:block}.dashboard__sidebar{width:100%;position:unset;padding:unset}.dashboard__sidebar .dashboard__btn--back{display:none}.dashboard__restaurant-name{margin-top:7.5rem;padding-inline:1rem}.dashboard__reservations,.dashboard__reservations-section--today{margin-top:2rem}.dashboard__topbar{width:100%;top:0;left:0;right:0;border-radius:unset;padding-inline:1rem;transform:unset;justify-content:flex-start;gap:1rem}.dashboard__main .dashboard__btn--back{font-size:1.5rem;color:#fff;cursor:pointer}.dashboard__search{width:min(100%,400px);height:50px;border-radius:.25rem;padding-inline:.5rem}.dashboard__calendar{margin-left:auto}.dashboard__section-title{padding-inline:1rem}.dashboard__reservation-item{padding-inline:1rem;height:54px}.dashboard__main{position:unset;margin:0;padding-block:5rem}.dashboard__tables{margin-block:unset}.dashboard__btn--load-more{position:unset;transform:unset;margin:2.5rem auto 0;display:block}.dashboard .dashmodal{left:50%;transform:translate(-50%,-50%);box-shadow:#0000003d 0 3px 8px}}@media screen and (max-width: 500px){.dashboard__section-title{margin-bottom:.5rem}.dashboard .dashmodal{padding:1rem}.dashboard .dashmodal__close{top:.5rem;right:.5rem}.dashboard .dashmodal p{font-size:1rem}}.login{display:flex;justify-content:center;align-items:center;height:100vh;background:#f5f5f5;padding-block:5rem;background:url(/assets/login-bg-B8Iv2vtc.webp);background-size:cover}.login__wrapper{width:min(100%,1440px);height:100%;margin-inline:1rem;display:flex;background:#fff;box-shadow:0 4px 12px #0000001a;border-radius:2rem;overflow:hidden}.login__col--left{width:60%;display:flex;flex-direction:column;justify-content:center;align-items:center}.login__col--right{width:40%;padding:2rem}.login__title{font-size:2rem;font-weight:700;margin-bottom:clamp(.5rem,.5vw,1.5rem)}.login__form{width:75%;display:flex;flex-direction:column;gap:1.5rem}.login__field{display:flex;flex-direction:column;position:relative}.login__label{font-size:.9rem;font-weight:600;margin-bottom:.5rem;letter-spacing:1px}.login__input{border-bottom:1px solid #000}.login__input input{width:100%;border:1px solid #ccc;border-radius:6px;font-size:1rem;border:none}.login__input input:focus{outline:none;border-color:#007bff}.login__toggle-pwd{position:absolute;top:50%;right:1rem;transform:translateY(-50%);cursor:pointer}.login__toggle-pwd svg{font-size:1.2rem;color:#666}.login__toggle-pwd svg:hover{color:#000}.login__button{width:150px;height:48px;background:#a86848;color:#fff;border:none;border-radius:100px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .3s ease}.login__button:hover{background:#845239}.login__image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:1rem}@media screen and (max-width: 1440px){.login__wrapper{border-radius:unset}.login__form{width:85%}.login__col--right{padding:0}.login__image{border-radius:unset}}@media screen and (max-width: 991px){.login{padding-block:unset}.login__wrapper{flex-direction:column-reverse;justify-content:flex-end;gap:clamp(2.5rem,10vw,5rem)}.login__col--right{width:100%;height:500px}.login__col--left{width:100%}}.react-clock{display:block;position:relative}.react-clock,.react-clock *,.react-clock *:before,.react-clock *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.react-clock__face{position:absolute;inset:0;border:1px solid black;border-radius:50%}.react-clock__hand{position:absolute;inset:0 50%}.react-clock__hand__body{position:absolute;background-color:#000;transform:translate(-50%)}.react-clock__mark{position:absolute;inset:0 50%}.react-clock__mark__body{position:absolute;background-color:#000;transform:translate(-50%)}.react-clock__mark__number{position:absolute;left:-40px;width:80px;text-align:center}.react-clock__second-hand__body{background-color:red}.react-time-picker{display:inline-flex;position:relative}.react-time-picker,.react-time-picker *,.react-time-picker *:before,.react-time-picker *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.react-time-picker--disabled{background-color:#f0f0f0;color:#6d6d6d}.react-time-picker__wrapper{display:flex;flex-grow:1;flex-shrink:0;border:thin solid gray}.react-time-picker__inputGroup{min-width:calc((4px * 3) + .54em * 6 + .217em * 2);flex-grow:1;padding:0 2px;box-sizing:content-box}.react-time-picker__inputGroup__divider{padding:1px 0;white-space:pre}.react-time-picker__inputGroup__divider,.react-time-picker__inputGroup__leadingZero{display:inline-block;font:inherit}.react-time-picker__inputGroup__input{min-width:.54em;height:100%;position:relative;padding:0 1px;border:0;background:none;color:currentColor;font:inherit;box-sizing:content-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.react-time-picker__inputGroup__input::-webkit-outer-spin-button,.react-time-picker__inputGroup__input::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.react-time-picker__inputGroup__input:invalid{background:#ff00001a}.react-time-picker__inputGroup__input--hasLeadingZero{margin-left:-.54em;padding-left:calc(1px + .54em)}.react-time-picker__inputGroup__amPm{font:inherit;-webkit-appearance:menulist;-moz-appearance:menulist;appearance:menulist}.react-time-picker__button{border:0;background:transparent;padding:4px 6px}.react-time-picker__button:enabled{cursor:pointer}.react-time-picker__button:enabled:hover .react-time-picker__button__icon,.react-time-picker__button:enabled:focus .react-time-picker__button__icon{stroke:#0078d7}.react-time-picker__button:disabled .react-time-picker__button__icon{stroke:#6d6d6d}.react-time-picker__button svg{display:inherit}.react-time-picker__clock{width:200px;height:200px;max-width:100vw;padding:25px;background-color:#fff;border:thin solid #a0a096;z-index:1}.react-time-picker__clock--closed{display:none}.modal-overlay .modal p{font-size:1.25rem;margin-block:1rem}.modal-overlay .modal button{font-size:1.25rem;padding:.75rem 1rem;color:#fff}.reservation{width:100%;height:100vh;display:flex;align-items:center;justify-content:center}.reservation__wrapper{width:min(1260px,100%);margin-inline:auto;display:flex;align-items:center;justify-content:center;gap:2.5rem;background:#f5f5f5;padding:5rem}.reservation__col--left{width:40%}.reservation__image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.reservation__col--right{width:60%}.reservation__title{font:600 clamp(1.5rem,5vw,2.5rem)/1.5 "Poppins",sans-serif;text-align:center}.reservation-steps{width:min(100%,500px);margin:2.5rem auto;display:flex;align-items:center;justify-content:space-between;position:relative}.reservation-steps__item{width:48px;aspect-ratio:1;border-radius:50%;border:1px solid #a76747;background:#fff;display:flex;align-items:center;justify-content:center;position:relative;z-index:2}.reservation-steps__item--active{background:#a76747;color:#fff}.reservation-steps__item-number{font-size:1rem}.reservation-steps__line{width:0;height:2px;position:absolute;top:50%;left:0;z-index:1;background:#a76747;transition:width .5s ease-out}.reservation-steps__line--w-50{width:50%}.reservation-steps__line--w-100{width:100%}.reservation-step--branch{display:flex;flex-direction:column}.reservation-step--branch__title{font-size:1.5rem;font-weight:500}.reservation-step__select{font-size:1rem;width:min(100%,300px);height:40px;background:none;border:none;border:1px solid hsl(0,0%,75%);border-bottom-color:#a76747;margin-top:1.5rem;padding-inline:.5rem;background:#fff}.reservation-step__fields{display:flex;gap:1rem}.reservation-step__fields+.reservation-step__fields{margin-top:2rem}.reservation-step__fields .flatpickr-input{width:100%;height:100%;border:none;padding-inline:.5rem;font-size:1rem}.reservation-step__field{width:min(100%,400px);height:40px;border:1px solid hsl(0,0%,75%);border-bottom-color:#a76747;background:#fff}.reservation-step__field--email{width:100%}.reservation-step__input{width:100%;height:100%;border:none;padding-inline:.5rem;font-size:1rem}.reservation-step__input::-moz-placeholder{font-size:1rem}.reservation-step__input::placeholder{font-size:1rem}.reservation-step__input--time div{border:none}.reservation-step__input--time .react-time-picker__inputGroup{display:flex;align-items:center;height:100%;gap:.25rem;padding-inline:.5rem;font-size:1rem;background:none}.reservation-step__input--time .react-time-picker__inputGroup__input{height:80%}.reservation-step__input--time .react-time-picker__inputGroup__input:invalid{background:none}.reservation-step__review-item{display:flex}.reservation-step__label{width:min(100%,20ch);font-weight:700;display:inline-block;flex-shrink:0}.reservation-step__value{word-wrap:anywhere;display:inline-block}.reservation-step__comment{margin-top:1rem}.reservation-step__textarea{width:100%;height:100px;border:1px solid hsl(0,0%,75%);border-bottom-color:#a76747;padding:.5rem;font-size:1rem;font-family:Poppins}.reservation-step__btn-group{display:flex;gap:1rem;align-items:center;margin-top:2rem}.reservation-step__btn-group button{min-width:125px;padding-inline:.5rem;height:40px;font-size:1rem}.reservation-step__button{background:#a76747;color:#fff;display:flex;align-items:center;justify-content:center;gap:.5rem}.reservation-step__button .loading{border:2px solid #fff;border-top:2px solid transparent;display:inline-block;width:1rem;aspect-ratio:1;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.reservation-step__error{color:red;font-size:.9rem}.reservation-step__opening-hours{margin-top:1rem}@media screen and (max-width: 768px){.reservation__wrapper{padding:0 0 2.5rem;flex-direction:column;justify-content:unset}.reservation__col--left{width:100%;height:300px}.reservation__image{-o-object-fit:cover;object-fit:cover;-o-object-position:center 80%;object-position:center 80%}.reservation__col--right{width:100%;padding:2.5rem}}@media screen and (max-width: 450px){.reservation-step__label{width:200px}}@media screen and (max-width: 400px){.reservation__col--right{padding:1rem}}@media screen and (max-width: 360px){.reservation-step__label{width:140px}}.restaurant-list-header{width:100%;position:fixed;border-bottom:1px solid hsl(0,0%,50%);background:#603c29}.restaurant-list-header .header-wrapper{display:flex;width:min(100%,1440px);margin:0 auto;padding:1rem 2rem;align-items:center;justify-content:flex-end;gap:1rem}.restaurant-list-header .header-wrapper .header__btn{width:48px;aspect-ratio:1}.restaurant-list-header .header-wrapper .header__btn--logout{background:red;border-radius:.25rem;cursor:pointer}.restaurant-list-header .header-wrapper .header__btn--logout span,.restaurant-list-header .header-wrapper .header__btn--logout svg{color:#fff}.restaurant-list-header .header-wrapper .header__btn--logout svg{font-size:2rem}.restaurant-list-header .header-wrapper .header__btn--add{border-radius:50%;display:block;background:#fff;font-size:2rem;color:#603c29}.restaurant-list{width:100%;min-height:100vh;background:url(/assets/login-bg-B8Iv2vtc.webp);background-size:cover;display:flex;align-items:center;justify-content:center;padding-top:5rem}.restaurant-list__wrapper{width:min(100%,1440px)}.restaurant-list__cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:clamp(.5rem,2.5vw,2.5rem);padding:clamp(.5rem,2.5vw,2.5rem)}@media screen and (max-width: 1082px){.restaurant-list__wrapper{padding-block:5rem 0}}@media screen and (max-width: 550px){.restaurant-list__cards{display:block}.restaurant-list__image{width:100%;height:200px}.restaurant-list__address{height:unset}.restaurant-list__button{width:100%}}.restaurant-card{padding:1rem;display:flex;align-items:flex-start;gap:1rem;background:#fff;border-radius:1rem;box-shadow:0 4px 12px #0000001a;transition:transform .3s ease,box-shadow .3s ease;overflow:hidden}.restaurant-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #00000026}.restaurant-card__image{width:150px;aspect-ratio:1;overflow:hidden}.restaurant-card__image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.restaurant-card__address{height:100%}.restaurant-card__address>.restaurant-list__name{font-size:1.2rem;font-weight:700;margin-bottom:.5rem}.restaurant-card__address>.restaurant-list__details{font-size:.9rem;color:#555}.restaurant-card__address .sub-group{display:flex;align-items:center;gap:1rem}.restaurant-card__details--status{text-transform:capitalize}.restaurant-card__details--status span{font-weight:600}.restaurant-card__btn-group{flex:0;margin-left:auto}.restaurant-card__btn{width:150px;height:48px;padding:.6rem 1.2rem;border:none;border-radius:100px;cursor:pointer;transition:background-color .3s ease}.restaurant-card__btn--pin{background-color:#a86848;font-weight:600;color:#fff}.restaurant-card__btn--pin:hover{background-color:#845239}.restaurant-card__btn--remove{background:none;color:#000}.restaurant-card__btn--remove:hover{text-decoration:underline}.restaurant-card__btn--edit,.restaurant-card__btn--edit-pin{background:none}.restaurant-card__btn--edit:hover,.restaurant-card__btn--edit-pin:hover{text-decoration:underline}.restaurant-card__btn--remove,.restaurant-card__btn--edit{width:unset;padding:0}@media screen and (max-width: 550px){.restaurant-card+.restaurant-card{margin-top:1rem}}.loader{width:50px;padding:8px;aspect-ratio:1;border-radius:50%;background:#25b09b;--_m: conic-gradient(#0000 10%, #000), linear-gradient(#000 0 0) content-box;-webkit-mask:var(--_m);mask:var(--_m);-webkit-mask-composite:source-out;mask-composite:subtract;animation:l3 1s infinite linear}@keyframes l3{to{transform:rotate(1turn)}}.modal-pin{width:min(100%,500px)}.modal-pin h2{font-size:1.5rem}.modal-pin input{width:100%;height:40px;padding-inline:.5rem;font-size:1rem}.modal-pin input::-moz-placeholder{font-size:1rem}.modal-pin input::placeholder{font-size:1rem}.modal-pin input.input-new-pin{margin-top:clamp(.5rem,5vw,1rem)}.modal-pin .btn-group{margin-top:clamp(.5rem,5vw,1rem);display:flex;align-items:center}.modal-pin .btn-group button{display:flex;align-items:center;gap:.5rem}.modal-pin .btn-group button .loader{width:20px;height:20px;padding:4px}.modal-pin .btn-group .msg-success,.modal-pin .btn-group .msg-error{margin-block:unset!important;font-size:15px!important;font-weight:500}.modal-pin .btn-group .msg-error{color:red}.modal-pin .btn-group .msg-success{color:green}.modal__title{margin-bottom:1rem}.form__line{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.modal__form label{display:flex;flex-direction:column;margin-bottom:.75rem}.modal__form input,.modal__form select{width:100%;margin-top:.25rem;padding:.5rem;border:1px solid #ddd;border-radius:2px}.modal__error{color:red;margin-bottom:.75rem}.modal__actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1rem}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif}button{border:none;cursor:pointer}
