@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:300;src:url(/assets/poppins-v23-latin-300-Dku2WoCh.woff2) format("woff2")}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:400;src:url(/assets/poppins-v23-latin-regular-cpxAROuN.woff2) format("woff2")}@font-face{font-display:swap;font-family:Poppins;font-style:italic;font-weight:400;src:url(/assets/poppins-v23-latin-italic-B4GYq972.woff2) format("woff2")}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:500;src:url(/assets/poppins-v23-latin-500-C8OXljZJ.woff2) format("woff2")}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:600;src:url(/assets/poppins-v23-latin-600-zEkxB9Mr.woff2) format("woff2")}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:700;src:url(/assets/poppins-v23-latin-700-Qrb0O0WB.woff2) format("woff2")}.menu-toggle{mask:url(/icons/menu-toggle.svg);-webkit-mask:url(/icons/menu-toggle.svg)}.menu-toggle-close{mask:url(/icons/menu-toggle-close.svg);-webkit-mask:url(/icons/menu-toggle-close.svg)}.check-icon{mask:url(/icons/check.svg);-webkit-mask:url(/icons/check.svg)}.cross-icon{mask:url(/icons/menu-toggle-close.svg);-webkit-mask:url(/icons/menu-toggle-close.svg)}.shield-check-icon{mask:url(/icons/shield-check.svg);-webkit-mask:url(/icons/shield-check.svg)}.mail-icon{mask:url(/icons/mail.svg);-webkit-mask:url(/icons/mail.svg)}.phone-icon{mask:url(/icons/phone.svg);-webkit-mask:url(/icons/phone.svg)}.location-icon{mask:url(/icons/location.svg);-webkit-mask:url(/icons/location.svg)}.arrow-left-icon{mask:url(/icons/arrow-left.svg);-webkit-mask:url(/icons/arrow-left.svg)}.plus-icon{mask:url(/icons/plus.svg);-webkit-mask:url(/icons/plus.svg)}.edit-icon{mask:url(/icons/edit.svg);-webkit-mask:url(/icons/edit.svg)}.trash-icon{mask:url(/icons/trash.svg);-webkit-mask:url(/icons/trash.svg)}.grip-icon{mask:url(/icons/grip.svg);-webkit-mask:url(/icons/grip.svg)}.grip-vertical-icon{mask:url(/icons/grip-vertical.svg);-webkit-mask:url(/icons/grip-vertical.svg)}.eye-icon{mask:url(/icons/eye.svg);-webkit-mask:url(/icons/eye.svg)}.eye-icon{mask:url(/icons/eye.svg);-webkit-mask:url(/icons/eye.svg)}.message-icon{mask:url(/icons/message.svg);-webkit-mask:url(/icons/message.svg)}:root{--ff-body: "Poppins", Georgia, serif;--hue: 280;--accent-hue: 150;--header-background: oklch(.1 .15 var(--hue));--body-background: var(--header-background);--section-background: oklch(.15 .15 var(--hue));--text-light: oklch(.99 .15 var(--hue));--text-light-muted: oklch(.7 .05 var(--hue));--text-dark: oklch(.1 .15 var(--hue));--text-dark-muted: oklch(.4 .04 var(--hue));--logo-color: var(--accent);--accent: oklch(.831 .1731 var(--accent-hue));--error: oklch(.67 .18 27.31);--warning: oklch(.78 .13 57.86);--success: oklch(.78 .14 156.93);--fs-xxs: .7rem;--fs-xs: .8rem;--fs-sm: .9rem;--fs-md: 1rem;--fs-lg: 1.1rem;--fs-xl: 1.2rem;--fs-xxl: 1.3rem;--fw-xs: 200;--fw-sm: 300;--fw-md: 400;--fw-lg: 500;--fw-xl: 600;--fw-xxl: 700;--sp-xs: .25rem;--sp-sm: .5rem;--sp-md: 1rem;--sp-lg: 1.5rem;--sp-xl: 3rem;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--section-max-width: 60rem;--section-min-height: 40rem;--section-padding: 4px 12px;--shadow: 0 4px 10px oklch(0 0 var(--hue) / .4)}*{margin:0;padding:0;box-sizing:border-box;scrollbar-color:oklch(.15 .15 var(--hue)) oklch(.1 .15 var(--hue));scrollbar-width:thin;font-family:var(--ff-body);line-height:1.4rem}body{background:var(--body-background);color:var(--text-light);font-size:var(--fs-md)}.pageContent{min-height:700px}section{background-color:var(--section-background);min-height:var(--section-min-height);position:relative;padding:var(--section-padding);padding-top:5rem}section>div{position:relative;max-width:var(--section-max-width);padding:var(--section-padding);margin:auto}h1{font-weight:var(--fw-lg);font-size:1.4rem;margin-bottom:1rem}a{text-decoration:none;color:inherit;transition:opacity ease .2s}@media (hover: hover){a:hover:not(.logo){opacity:.95}}button,.button{padding:.5rem 1.5rem;font-size:var(--fs-md);font-weight:var(--fw-lg);border-radius:var(--radius-sm);border:none;background-color:var(--accent);color:var(--text-dark);box-shadow:var(--shadow);cursor:pointer;width:fit-content}button:disabled{opacity:.5}button:disabled:hover{opacity:.5}@media (hover: hover){.button:hover,button:hover{opacity:.95}}input,select,textarea{min-height:2.5rem;background-color:oklch(.9 .05 var(--hue));font-size:var(--fs-md);border-radius:var(--radius-sm);border:none;color:var(--text-dark);caret-color:var(--text-dark-muted);padding:.2rem .5rem;outline:none}textarea{padding-top:.5rem}input::placeholder,textarea::placeholder{color:oklch(.5 .06 var(--hue))}input:focus,textarea:focus{outline:none}.icon{width:1.6rem;height:1.6rem;background-color:var(--text-light);mask-size:contain;-webkit-mask-size:contain;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center}.check-icon{background-color:var(--success)}.cross-icon{background-color:var(--error)}@media (hover: hover){.icon:hover{opacity:.95;cursor:pointer}}header{position:fixed;inset-inline:0;top:0;z-index:3;background:var(--header-background);box-shadow:var(--shadow);height:3.5rem}header .header-container{display:flex;justify-content:space-between;align-items:center;padding:var(--section-padding);max-width:var(--section-max-width);margin:auto;height:100%}nav a{color:var(--text-light);font-size:.92rem;font-weight:var(--fw-sm);padding-right:8px}.menu-toggle,.menu-toggle-close{z-index:2;display:none;cursor:pointer}.no-scroll{overflow:hidden}.logo{z-index:2;display:flex;align-items:center;color:var(--text-light);font-size:1.4rem;font-weight:var(--fw-xl)}.logo span:nth-of-type(2){color:var(--accent)}.logo img{width:40px;height:40px;margin-right:.2rem}@media (max-width: 768px){.menu-toggle,.menu-toggle.show,.menu-toggle-close.show{display:inline}.menu-toggle.hide,.menu-toggle-close.hide{display:none}.nav-menu.show{transform:translate(0);overflow-y:auto}.nav-menu{position:fixed;display:flex;flex-direction:column;background-color:var(--header-background);min-height:100%;gap:0;top:0;right:0;width:100%;transform:translate(100%);transition:transform .3s ease-in-out;padding-top:10rem;height:100%}.nav-menu a{font-size:var(--fs-md);border-bottom:solid 1px oklch(.2 .15 var(--hue));padding:16px 25px}}footer{position:relative;background:var(--footer-background);padding:var(--sp-lg) var(--sp-md);padding-top:var(--sp-xl);font-size:var(--fs-xs);color:var(--text-light-muted)}footer .footer-container{max-width:var(--section-max-width);margin:auto;display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--sp-lg)}@media (max-width: 768px){footer .nav-card{width:100%;align-items:center}footer .copyright{order:3;width:100%;align-self:center;text-align:center}footer .copyright-website{margin-top:3rem}}.loadingError{color:var(--error)}.loadingSpinner{width:40px;height:40px;border:4px solid oklch(.2 .2 var(--hue));border-top:4px solid oklch(.3 .3 var(--hue));border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(350deg)}}.message{font-size:var(--fs-sm)}.message.error{color:var(--error)}.message.success{color:var(--success)}.message.warning{color:var(--warning)}.passwordRules{font-size:var(--fs-sm);font-weight:var(--fw-thin);list-style:none}.passwordRules li{display:flex;align-items:center}.popupOverlay{position:fixed;inset:0;display:flex;align-items:flex-end;justify-content:center;z-index:2;overflow:hidden;background-color:oklch(.02 .15 var(--hue) / .6);visibility:hidden;transition:visibility 0s linear .3s}.popupOverlay.show{visibility:visible;transition-delay:0s}.popupContainer{background-color:oklch(.1 .15 var(--hue));padding:var(--sp-md);width:100%;height:70%;overflow-y:auto;z-index:2;box-shadow:var(--shadow);transform:translateY(100%);transition:transform .3s ease-out}.popupContainer.show{transform:translateY(0)}.popupCard{max-width:450px;margin:auto}.popupOverlay .closeButton{margin-left:auto;cursor:pointer;background-color:var(--text-light)}.popupContainer .item{display:flex;flex-direction:column;gap:1rem}.popupContainer .item.hide{display:none}.googleAuthContainer{display:flex;flex-direction:column;align-items:center;gap:1rem}.googleAuthContainer .googleAuth{display:flex;align-items:center;gap:.4rem}.googleAuthContainer .google-icon{width:20px;height:20px}.googleAuthContainer .divider{display:flex;width:100%;text-align:center;align-items:center}.googleAuthContainer span{position:relative;padding:0 1rem}.googleAuthContainer .divider:before,.googleAuthContainer .divider:after{content:"";flex:1;border-bottom:1px solid oklch(.1 .05 var(--hue))}.errorPage{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:2rem;font-weight:var(--fw-xl)}.loginPage form,.registerPage form{display:flex;flex-direction:column;background-color:oklch(.2 .1 var(--hue));padding:var(--sp-md);gap:1rem;border-radius:var(--radius-xs);max-width:25rem;box-shadow:var(--shadow);margin:auto}.loginPage form a,.registerPage form a{margin-left:.2rem;font-weight:var(--fw-xl)}.loginPage form .passwordResetLink{align-self:flex-end;font-size:var(--fs-xs);font-weight:400}.websitesPage .container{display:flex;gap:1rem;flex-wrap:wrap}.websitesPage .card{background-color:oklch(.12 .15 var(--hue));height:10rem;width:20rem;box-shadow:var(--shadow);cursor:pointer;transition:transform ease .2s;-webkit-user-select:none;user-select:none}.websitesPage .item{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:0}.websitesPage .card.addWebsite{background-color:oklch(.18 .15 var(--hue));color:var(--text-light-muted)}.websitesPage .plus-icon{width:3rem;height:3rem;background-color:var(--text-light-muted)}@media (max-width: 786px){.websitesPage .websitePageContainer{justify-content:center}}@media (hover: hover){.websitesPage .card:hover{opacity:.95;transform:translateY(-2px)}}.websitePage .websitePageContainer{background-color:oklch(.1 .15 var(--hue));min-height:25rem;max-width:45rem}.websitePage .websitePageContainer .card{padding-top:1rem;padding-bottom:4rem}.websitePage .websitePageContainer .card a.domain{display:flex;font-weight:var(--fw-lg);font-size:var(--fs-lg);background-color:oklch(.15 .15 var(--hue));padding:.4rem .8rem;border-radius:var(--radius-xs);justify-content:center;margin-bottom:1rem}.websitePage .websiteNav{display:flex;width:100%;justify-content:center;gap:.8rem;padding:.4rem 1rem;margin-top:1rem;margin-bottom:2rem;background-color:var(--text-light);color:var(--text-dark);border-radius:var(--radius-md);font-size:var(--fs-sm);overflow-x:auto}.websitePage .websiteNav a.active{font-weight:var(--fw-lg)}@media (max-width: 786px){.websitePage .websiteNav{justify-content:space-between}}.websitePage .websiteDetails .fieldLabelContainer{display:flex;flex-direction:column;border-bottom:1px solid oklch(.25 .15 var(--hue));padding-top:1rem;padding-bottom:.2rem}.websitePage .websiteDetails .fieldLabelContainer .fieldValue{color:var(--text-light-muted)}.editButtons{display:flex;gap:.5rem}.saveButton,.cancelButton,.addButton,.deleteButton{font-size:var(--fs-sm);padding:0;width:70px;height:25px}.cancelButton{background-color:oklch(.25 .15 var(--hue));color:oklch(.85 .15 var(--hue))}.deleteButton{background-color:inherit;color:var(--error)}.addButton{background-color:oklch(.15 .15 var(--hue));color:oklch(.7 .17 var(--accent-hue));font-size:2rem;font-weight:var(--fw-sm);width:4rem;height:1.6rem}.fieldLayout{display:flex;flex-direction:column;padding-bottom:1rem}.fieldLayout input{background-color:oklch(.05 .15 var(--hue));color:oklch(.8 .17 var(--accent-hue));padding:4px;min-height:30px;height:30px}.fieldLayout .fieldValue{color:oklch(.7 .17 var(--accent-hue));font-weight:var(--fw-xl)}.fieldLayout input{width:100%}@media (hover: hover){.fieldLayout .fieldValue:hover{opacity:.95;cursor:pointer}}.fieldLayout .array{display:flex;align-items:center;gap:.4rem;padding:.2rem 0}.fieldLayout .array input{text-align:center}.fieldLayout .array input.time{width:70px}.fieldLayout .array input.date{width:140px}.fieldLayout .buttonContainer{display:flex;gap:.5rem;align-items:center;margin-top:.5rem;margin-bottom:2rem}.menuLayout{display:flex;flex-direction:column;gap:5rem}.menuEditIcons{display:flex;flex-direction:column;gap:.2rem}.edit-icon{background-color:oklch(.6 .17 var(--hue))}.grip-icon,.grip-vertical-icon{background-color:oklch(.4 .17 var(--hue))}.trash-icon{background-color:var(--error);margin:auto}.menuLayout .deleteButton{width:8rem;font-size:var(--fs-xs);background-color:var(--error);color:oklch(.15 .15 var(--hue))}.menuLayout .categoryAddButton{font-size:var(--fs-sm);background-color:oklch(.15 .15 var(--hue));color:var(--accent);font-weight:var(--fw-md)}.menuLayout .categories{display:flex;justify-content:space-between;gap:1rem}.menuLayout .categoryName{color:oklch(.7 .17 var(--accent-hue));font-weight:var(--fw-xl);font-size:var(--fs-xl)}.menuLayout .categoryDescription{font-size:var(--fs-sm);color:oklch(.6 .17 var(--accent-hue))}.menuLayout .items{margin:1rem 0;display:flex;justify-content:space-between;gap:1rem}.menuLayout .itemName{color:oklch(.7 .17 var(--accent-hue));font-weight:var(--fw-lg)}.menuLayout .itemDescription{font-size:var(--fs-sm);color:oklch(.85 .05 var(--hue))}.menuLayout textarea.itemDescription,.menuLayout textarea.categoryDescription,.menuLayout input.itemPrice{font-size:var(--fs-md)}.menuLayout .itemPrice{font-size:var(--fs-sm);font-weight:var(--fw-lg);color:oklch(.7 .17 var(--accent-hue))}.menuLayout .categoryInputs{display:flex;flex-direction:column;gap:.5rem}.menuLayout input,.menuLayout textarea{background-color:oklch(.05 .15 var(--hue));color:oklch(.85 .05 var(--hue));width:100%}.menuLayout textarea{min-height:6rem}.menuLayout input::placeholder{font-size:var(--fs-sm);font-weight:var(--fw-md)}.menuLayout .categoryInputs p{font-size:var(--fs-sm);color:var(--text-light-muted);margin-left:.5rem}.menuLayout .displayOnWebsite{display:flex;align-items:center;gap:.5rem;margin:1rem 0}.menuLayout .displayOnWebsite span{font-size:var(--fs-xs);padding:0 1rem;background-color:oklch(.15 .15 var(--hue))}.menuLayout .displayOnWebsite span.selected{background-color:oklch(.25 .15 var(--hue))}@media (hover: hover){.displayOnWebsite span:hover{cursor:pointer;opacity:.95}}.menuLayout .itemInputs{margin:2rem 0;display:flex;flex-direction:column;gap:.5rem}.menuLayout .itemInputs .header{display:flex;align-items:center;gap:.2rem}.menuLayout .itemInputs .itemPrice{width:60px;text-align:center}.menuLayout .itemInputs .itemInlineIcons{display:flex;align-items:center;justify-content:center;width:50px}.reservations{display:flex;flex-direction:column;gap:.5rem;min-height:500px}.reservations .filterControls{display:flex;flex-wrap:wrap;gap:.4rem;width:100%}.reservations .filterControls>*{flex:1 1 10rem;height:2rem;background-color:oklch(.05 .15 var(--hue));color:var(--text-light-muted);outline:none}.reservations .filterControls input[type=date]{width:8rem}.reservations .filterControls .newReservationButton{color:oklch(.7 .17 var(--accent-hue));font-size:var(--fs-sm);white-space:nowrap;color:var(--accent)}.reservations .container{width:100%;overflow-x:auto;flex-grow:1}.reservations table{width:696px;table-layout:fixed;overflow:hidden;border-spacing:0}.reservations table th,.reservations table td{text-align:start;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:0 .75rem;box-sizing:border-box;height:3rem;font-size:var(--fs-sm)}.reservations table th{font-size:var(--fs-xs)}.reservations table tbody tr:nth-child(2n){background-color:oklch(.15 .15 var(--hue));color:var(--text-light-muted)}.reservations table tbody tr:nth-child(odd){background-color:oklch(.12 .15 var(--hue));color:var(--text-light-muted)}@media (hover: hover){.reservations table tbody tr:hover{cursor:pointer;background-color:oklch(.09 .15 var(--hue))}}.reservations table th:nth-child(1),.reservations table td:nth-child(1){width:70px}.reservations table th:nth-child(2),.reservations table td:nth-child(2){width:110px}.reservations table th:nth-child(3),.reservations table td:nth-child(3){width:115px}.reservations table th:nth-child(4),.reservations table td:nth-child(4){width:65px}.reservations table th:nth-child(5),.reservations table td:nth-child(5){width:50px}.reservations table th:nth-child(6),.reservations table td:nth-child(6){width:175px}.reservations table th:nth-child(7),.reservations table td:nth-child(7){width:55px}.reservations table .status{text-transform:uppercase;font-weight:var(--fw-xl);font-size:var(--fs-sm)}.reservations table .status.confirmed{color:var(--success)}.reservations table .status.pending{color:var(--warning)}.reservations table .status.rejected,.reservations table .status.cancelled{color:var(--error)}.reservations table .edit-icon{background-color:oklch(.3 .15 var(--hue))}.reservations table .message-icon{background-color:oklch(.35 .15 var(--hue))}.reservations .paginationControls{display:flex;justify-content:space-between;margin:1rem 0;font-size:var(--fs-sm);flex-wrap:wrap}.reservations .paginationControls button{background-color:inherit;color:var(--text-light)}.reservations .paginationControls div{display:flex;align-items:center;justify-content:center;gap:.5rem}.reservations .paginationControls div:nth-child(2){margin-left:auto}.reservations .paginationControls select{width:6rem;font-size:var(--fs-sm);padding:.2rem;text-align:center;outline:none}.reservations .updateForm{display:flex;flex-direction:column;gap:1rem}.reservations .updateForm label{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:var(--fs-sm)}.reservations .updateForm input,.reservations .updateForm select,.reservations .updateForm textarea{width:250px;background-color:oklch(.05 .15 var(--hue));color:oklch(.7 .17 var(--accent-hue))}.reservations .updateForm .editButtons .deleteButton{margin-left:auto}