*{margin:0;padding:0}html,body{height:100%;display:flex;flex-direction:column}.layout{display:flex;flex-direction:column;min-height:100vh}main{margin:40px 30px;flex:1}.page{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:calc(100vh - 220px);width:100%}.page__title{text-align:center;font-family:var(--second-family);color:var(--grey-dark-color);font-weight:700;font-size:32px;margin-bottom:10px}.page__title-welcome{text-align:center;font-family:var(--second-family);color:var(--grey-dark-color);font-weight:600;font-size:28px;margin-bottom:10px}.page__forms{display:flex;flex-direction:column;justify-content:start}.page__button{display:flex;justify-content:center;align-items:center;width:100%;margin-top:30px}.page__buttons{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;margin-top:30px}.page__separator{font-family:var(--second-family);color:var(--grey-dark-color);font-size:15px;padding:7px 0}.page__forms.edit{margin-bottom:30px}.page__sparks{position:absolute;inset:0;pointer-events:none;margin:80px 0 60px}@media(max-width:768px){.page__title{font-size:26px}.page__title-welcome{font-size:24px}.page__sparks{margin:70px 0 50px}}@media(max-width:600px){main{margin:30px 20px}.page__separator{font-size:14px}.page__title-welcome,.page__error{font-size:20px}.page__sparks{margin:60px 0 40px}}:root{--font-family: "Titan One", sans-serif;--second-family: "Poppins", sans-serif;--main-color: #F5A9A9;--white-color: #FFFFFF;--grey-light-color: #b7b6b6;--grey-dark-color: #838181;--error-color: #FF4C4C}.app-button.MuiButton-root{font-family:var(--second-family);font-weight:700;width:140px;height:40px;font-size:18px;border-radius:40px;text-transform:none;background:var(--main-color);box-shadow:none}.app-button.MuiButton-root:hover{box-shadow:none}@media(max-width:768px){.app-button.MuiButton-root{font-size:16px;width:120px}}.table{display:flex;flex-direction:column;align-items:center;width:100%;max-width:max-content}.table__container{box-shadow:none;width:100%;overflow-x:auto}.table__container::-webkit-scrollbar{height:0}.table__cell{font-family:var(--second-family)!important;font-size:16px!important;font-weight:700!important;color:var(--grey-dark-color)!important;text-align:center!important;padding:15px!important;white-space:nowrap}.table__cell.head{color:var(--grey-light-color)!important}.table__cell.left{text-align:left!important}.table__cell.total{color:var(--main-color)!important}.table__icon-container{display:flex;align-items:center;justify-content:center}.table__add-field.name{display:flex;justify-content:start}.table__quantity{min-width:20px;margin:0 10px}.table__button-icon,.table__icon.total{color:var(--main-color)!important}.table__button-icon-delete{display:flex;align-items:center;justify-content:center}.table__image{width:50px;height:50px;object-fit:cover}.table__fields{display:flex;justify-content:center;flex-direction:column}.table__tooltip-text{width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:help}@media(max-width:768px){.table__cell{font-size:14px!important}}.auth-redirect{font-family:var(--second-family);color:var(--grey-light-color);font-weight:700;font-size:16px;margin:7px 0 0 20px}.auth-redirect__link{color:var(--main-color);text-decoration:none}@media(max-width:768px){.auth-redirect{font-size:14px}}.categories{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%}.categories__container{display:flex;justify-content:center;overflow-x:auto;width:100%}.categories__tabs .MuiTab-root{font-family:var(--second-family);color:var(--grey-dark-color);font-size:16px;font-weight:700;flex-shrink:0}.categories__tabs .MuiTabs-indicator{height:4px;background:var(--main-color)!important;border-radius:4px}.categories__tabs .MuiTab-root.Mui-selected{color:var(--main-color)!important}@media(max-width:768px){.categories__tabs .MuiTab-root{font-size:14px;padding:10px}}footer{display:flex;align-items:center;justify-content:center;height:60px;background:var(--main-color);width:100%}.footer__label{font-family:var(--second-family);color:var(--white-color);font-weight:400;font-size:14px}@media(max-width:768px){footer{height:50px}.footer__label{font-size:12px}}@media(max-width:600px){footer{height:40px}.footer__label{font-size:10px}}.form-controller__error{display:flex;font-family:var(--second-family);color:var(--error-color);font-weight:600!important;font-size:14px;margin:5px 0 0 20px}.form{display:flex;flex-direction:column}.form__label{font-family:var(--second-family);color:var(--grey-light-color);font-weight:700;font-size:16px;margin:15px 0 7px 20px}.form__label.app-table__edit-field,.form__label.app-table__add-field{margin:1px 0 0}.form__field{width:400px}.form__field .MuiOutlinedInput-root{font-family:var(--second-family);color:var(--grey-dark-color);font-weight:600;height:50px;border-radius:50px;padding:0 10px}.form__field .MuiOutlinedInput-notchedOutline{border:3px solid var(--grey-light-color)!important;border-radius:50px}.form__field .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline,.form__field .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:var(--grey-light-color)!important}.form__field .MuiIconButton-root{margin-right:2px}.form__field .MuiSelect-select{height:50px;display:flex;align-items:center;font-family:var(--second-family);font-weight:600;color:var(--grey-dark-color)}.form__select{border-radius:20px!important;padding:0;background:#fff}.form__menu{font-family:var(--second-family)!important;font-weight:600!important;color:var(--grey-dark-color)!important;padding:12px 20px!important;background-color:#fff!important}.form__menu:hover,.form-field .Mui-selected{background-color:var(--main-color)!important;color:#fff!important}.MuiList-root{padding-top:0!important;padding-bottom:0!important;outline:none!important}@media(max-width:768px){.form__label,.form__field .MuiOutlinedInput-root{font-size:14px}.form__field{width:350px}}@media(max-width:390px){.form__field{width:300px}}header{display:flex;align-items:center;justify-content:center;position:relative;height:80px;background:var(--main-color);width:100%}.header__title{font-family:var(--font-family);color:var(--white-color);font-weight:400;font-size:52px;text-align:center;cursor:pointer}.header__buttons{display:flex;justify-content:center;align-items:center;position:absolute;right:27px;gap:10px}.header__icon-user{font-size:42px!important;color:var(--white-color);cursor:pointer}.header__icon-cart{font-size:35px!important;color:var(--white-color);cursor:pointer}@media(max-width:768px){header{height:70px}.header__title{font-size:42px}.header__icon-user{font-size:37px!important}.header__icon-cart{font-size:30px!important}}@media(max-width:600px){header{justify-content:space-between;height:60px}.header__title{font-size:32px;padding-left:25px}.header__buttons{right:22px}.header__icon-user{font-size:32px!important}.header__icon-cart{font-size:25px!important}}.item-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));width:100%;gap:16px;margin-top:30px}.card{display:flex;flex-direction:column;border-radius:12px;box-shadow:0 3px 6px #0000001a;overflow:hidden;background-color:#fff}.item-card.disabled{opacity:.5;pointer-events:none;position:relative}.item-card .out-of-stock{position:absolute;top:0;right:0;font-family:var(--second-family);background:var(--main-color);color:var(--white-color);padding:4px 6px;border-radius:4px 12px 4px 4px;font-size:16px}.item-card .discount{position:absolute;font-family:var(--second-family);background:red;color:var(--white-color);padding:4px 6px;border-radius:12px 4px 4px;font-size:16px}.card__image{width:100%;object-fit:cover}.card__content{display:flex;flex-direction:column;text-align:center;padding:15px;gap:8px}.card__label{font-family:var(--second-family);color:var(--grey-dark-color);font-weight:700;font-size:clamp(16px,2vw,18px);white-space:nowrap}.item-details .MuiPaper-root{border-radius:12px!important}.item-details__title{display:flex;justify-content:space-between;font-family:var(--second-family)!important;color:var(--grey-dark-color);font-weight:700!important;font-size:18px;padding:20px 25px 15px!important}.item-details__close-icon{padding:0 0 0 25px!important}.item-details__content{display:flex;flex-direction:column;padding:0 25px 20px!important}.item-details__image{max-width:400px;width:100%;object-fit:cover}.item-details__label{font-family:var(--second-family);color:var(--grey-dark-color);font-weight:700;font-size:18px}.item-details__description{font-family:var(--second-family);color:var(--grey-dark-color);font-weight:400;font-size:16px;padding-top:15px;max-width:400px;width:100%}.item-details__details{display:flex;justify-content:space-between;padding-top:15px!important}.item-details__actions{display:flex;justify-content:center!important;padding:0 25px 25px!important}.loader{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 220px)}.loader__spinner{width:50px;height:50px;color:var(--main-color)!important}.loader__error{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 220px);font-family:var(--second-family);color:var(--grey-dark-color);font-weight:600;font-size:24px}@media(max-width:600px){.loader__error{font-size:20px}}.message-dialog .MuiPaper-root{border-radius:12px!important}.message-dialog__content{padding:25px!important}.message-dialog__message{font-family:var(--second-family);color:var(--grey-dark-color);font-weight:600;font-size:18px}.message-dialog__actions{display:flex;justify-content:center!important;padding:0 25px 20px!important}@media(max-width:600px){.message-dialog__message{font-size:16px}}.spinning-donut{display:flex;justify-content:center;align-items:center;flex-direction:column;animation:pulse 1s infinite}.donut{width:250px;height:250px;background-image:url(/assets/donut-7VCaiKfg.webp);background-size:cover;border-radius:50%;animation:spin 10s linear infinite;margin:0 auto;cursor:pointer}.donut__hint{font-family:var(--second-family);color:var(--grey-dark-color);font-weight:400;font-size:18px;margin-top:10px}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.donut__hint{font-size:16px}}