@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=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}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){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)}.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%}}: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,.dashboard__reservations{margin-top:2.5rem}.dashboard__reservations-section--today{margin-top:5rem}.dashboard__section-title{font-size:1.5rem;margin-bottom:1rem}.dashboard__list{max-height:500px;overflow:hidden}.dashboard__reservation-item{height:50px;padding-inline:.5rem;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.dashboard__reservation-item:nth-child(odd){background:#ffe7da}.dashboard__reservation-item:nth-child(2n){background:#a76747;color:#fff}.dashboard__main{width:100%;margin-left:var(--sidebar-width);padding-block:7.5rem 5rem;background:#000}.dashboard__topbar{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__tables{width:90%;margin:5rem auto 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));row-gap:2rem}.dashboard .table{cursor:pointer}.dashboard .table__img{margin:0 auto .5rem;display:grid;place-content:center}.dashboard .table p{color:#fff;text-align:center;font-size:.9rem}.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__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%}}.modal-overlay .modal p{font-size:1.25rem;margin-block:1rem}.modal-overlay .modal button{font-size:1.25rem;padding:.75rem 1rem;background:#000;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:1rem}.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}.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__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:1.5rem}.reservation-step__btn-group button{width:125px;height:40px;font-size:1rem}.reservation-step__button{background:#a76747;color:#fff}.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}}.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 .btn-group{margin-top:clamp(.5rem,5vw,1rem);display:flex}.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}.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)}.restaurant-list__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-list__card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #00000026}.restaurant-list__image{width:150px;aspect-ratio:1;overflow:hidden}.restaurant-list__image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.restaurant-list__address{height:100%}.restaurant-list__address>.restaurant-list__name{font-size:1.2rem;font-weight:700;margin-bottom:.5rem}.restaurant-list__address>.restaurant-list__details{font-size:.9rem;color:#555}.restaurant-list__button{width:150px;height:48px;padding:.6rem 1.2rem;margin-left:auto;border:none;border-radius:100px;background-color:#a86848;color:#fff;font-weight:600;cursor:pointer;transition:background-color .3s ease}.restaurant-list__button:hover{background-color:#845239}.restaurant-list .logout-btn{padding:.5rem 1rem;position:fixed;top:1rem;right:0;background:red;display:flex;align-items:center;justify-content:center;gap:.5rem;border-radius:.5rem 0 0 .5rem;cursor:pointer}.restaurant-list .logout-btn p,.restaurant-list .logout-btn svg{color:#fff}.restaurant-list .logout-btn p{font-size:1rem;font-weight:700}.restaurant-list .logout-btn svg{font-size:2rem}@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__card{width:100%;flex-direction:column}.restaurant-list__card+.restaurant-list__card{margin-top:1rem}.restaurant-list__image{width:100%;height:200px}.restaurant-list__address{height:unset}.restaurant-list__button{width:100%}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif}button{border:none;cursor:pointer}