@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;500;700&display=swap);.button{display:flex;flex-direction:row;justify-content:center;align-items:center;margin:5px;width:150px;min-height:40px;border-radius:8px;border:none;background:#ddb086;font-family:Poppins,sans-serif;box-shadow:0 0 5px rgba(0,0,0,.25);cursor:pointer}.button,.button:hover{transition:.3s ease-in-out}.button:hover{background:#dc934f}.button.delete{background:#ff1744}body,html{padding:0;margin:0;font-family:Poppins,sans-serif;max-width:100vw;min-height:100vh;background:#fff;overflow-x:hidden}a{color:inherit;text-decoration:none}*{box-sizing:border-box}.main{display:flex;flex-direction:column;width:100%}.section{display:flex;flex-wrap:wrap;max-width:900px;height:auto;margin:auto;justify-content:center;align-items:center}.section__name{width:100%;margin:10px auto;font-size:20px;font-weight:400;position:relative;background:transparent;padding:5px 10px;border-bottom:2px solid #dc934f}.section__highlight{font-size:24px;font-weight:700;background:#e7dcdc;color:#fff;text-shadow:0 0 4px rgba(0,0,0,.5);padding:4px;border:2px solid #dc934f;border-radius:4px}footer{position:absolute;bottom:0;justify-content:center;background:#e7dcdc;margin-top:20px}.nav,footer{width:100%;height:50px;display:flex;flex-direction:row;align-items:center}.nav{justify-content:space-between;background:transparent;color:#000}.nav__logo{color:#000;justify-self:flex-start;cursor:pointer;font-size:1.5rem;display:flex;align-items:center;margin-left:24px;font-weight:700;text-decoration:none}@media screen and (max-width:768px){.nav__logo{display:none}}.nav ul{align-self:flex-end;display:flex;flex-direction:row;justify-content:space-around;align-items:center}.nav ul li{font-size:20px;margin:auto 10px;position:relative;background:transparent;border:none;outline:none;list-style:none;cursor:pointer}.nav ul li,.nav ul li:before{transition:all .3s ease-in-out}.nav ul li:before{position:absolute;content:"";bottom:-6px;left:0;width:0;height:3px;border-radius:2px;background:#dc934f}.nav ul li:hover{color:#dc934f;transition:all .3s ease-in-out}.nav ul li:hover:before{width:100%;height:3px}.nav ul li.active{color:#dc934f}.nav ul li .bag-circle{position:absolute;bottom:0;right:-5px;width:15px;height:15px;border-radius:15px;background:#dc934f;color:#fff;display:flex;justify-content:center;font-size:10px}.navburger{display:flex;flex-direction:column;justify-content:space-between;width:30px;height:30px;margin:10px;padding:0;cursor:pointer;z-index:200;background:transparent;border:none;outline:none}.navburger .bar{background:#fff;height:4px;border-radius:.8rem;transition:.5s ease-in-out}.navburger .bar:first-child{background:#dc934f;width:50%}.navburger .bar:first-child.open{-webkit-transform:rotate(-495deg) translate(-5px,-5px);transform:rotate(-495deg) translate(-5px,-5px);transition:.5s ease-in-out}.navburger .bar:nth-child(2){background:#000;width:100%}.navburger .bar:nth-child(2).open{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);transition:.5s ease-in-out}.navburger .bar:nth-child(3){background:#dc934f;width:50%;align-self:flex-end}.navburger .bar:nth-child(3).open{-webkit-transform:rotate(-495deg) translate(5px,5px);transform:rotate(-495deg) translate(5px,5px);transition:.5s ease-in-out}.sidebar{position:absolute;top:0;left:0;display:flex;flex-direction:column;width:250px;height:100vh;border-radius:0 100% 100% 0;background:#e7dcdc;-webkit-transform:translateX(-100%);transform:translateX(-100%);z-index:100}.sidebar,.sidebar.open{transition:.5s ease-in-out}.sidebar.open{border-radius:0;-webkit-transform:translateX(0);transform:translateX(0)}.sidebar ul{margin:50px auto;width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.sidebar ul li{font-size:20px;margin:10px 0;position:relative;transition:all .3s ease-in-out;list-style:none;cursor:pointer}.sidebar ul li:before{position:absolute;content:"";bottom:-6px;left:0;width:0;height:3px;border-radius:2px;background:#dc934f;transition:all .3s ease-in-out}.sidebar ul li:hover{color:#dc934f;transition:all .3s ease-in-out}.sidebar ul li:hover:before{width:100%;height:3px}.sidebar ul li.active{color:#dc934f}.form{display:flex;flex-direction:column;justify-content:space-around;align-items:center;background:#e7dcdc;width:100%;max-width:900px;height:auto;min-height:400px;border-radius:16px;padding:10px}.form__triangle{margin-right:-20px;width:60px;height:30px;-webkit-clip-path:polygon(0 0,0 100%,100% 0);clip-path:polygon(0 0,0 100%,100% 0);background:#dc934f}.form div{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;max-width:500px}.form div label{font-size:16px}.form div input,.form div input[type=number],.form div input[type=text],.form div select,.form div textarea{justify-self:flex-end;width:100%;max-width:300px;height:50px;margin:5px 10px;border-radius:4px;background:#fff;border:none;outline:none;font-size:20px;font-family:Poppins,sans-serif}.form div textarea{height:100px}.form div img{max-width:100%}.form__submit{display:flex;flex-direction:row;justify-content:center;align-items:center;margin:5px;width:150px;height:50px;border-radius:8px;border:none;font-size:20px;font-family:Poppins,sans-serif;background:#ddb086;transition:.3s ease-in-out;cursor:pointer}.form__submit:hover{background:#dc934f;transition:.3s ease-in-out}.form__ps{font-size:12px;color:#333}.form a,.form p{display:flex;flex-direction:row;justify-content:center;align-items:center}.form a{margin:5px;width:75px;height:20px;border-radius:10px;border:none;font-size:14px;font-family:Poppins,sans-serif;background:#ddb086;box-shadow:0 0 5px rgba(0,0,0,.25);cursor:pointer}.form a,.form a:hover{transition:.3s ease-in-out}.form a:hover{background:#dc934f;box-shadow:5px 5px 5px rgba(0,0,0,.25)}.form__error{display:flex;justify-content:center;align-items:center;text-align:center;width:300px;height:50px;background:#ff1744;border-radius:16px;color:#000;padding:8px}.form__images{display:flex;flex-direction:column!important}.form__images img{width:200px;height:200px;border-radius:4px}.form__small{flex-direction:column;justify-content:space-around;background:#e7dcdc;max-width:400px;height:auto;min-height:200px;border-radius:24px;padding:10px}.file-upload,.form__small{display:flex;align-items:center;width:100%}.file-upload{flex-direction:row;justify-content:center;margin-top:5px}@media screen and (max-width:768px){.file-upload{flex-direction:column;flex-wrap:wrap}}.file-upload__input{display:none}.file-upload__button{-webkit-appearance:none;background:#dc934f;width:200px;height:200px;background:#fff;border:none;border-radius:4px;outline:none;margin:4px;color:#000;font-size:52px;font-family:Poppins,sans-serif;font-weight:700;cursor:pointer}.file-upload__button-hidden{display:none}.file-upload__imageBox{width:200px!important;height:200px!important;border-radius:4px;margin:4px;position:relative}.file-upload__image{width:200px;height:200px;border-radius:4px}.file-upload__delete{position:absolute;top:-10px;right:-12px;background:transparent;border:none;cursor:pointer}.file-upload__delete-icon{width:20px;height:20px;color:#ff1744}.hero{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:-50px;height:500px;width:100vw;background-image:url(https://res.cloudinary.com/dbpsxmtcb/image/upload/v1631873935/bg_zvuzrt.jpg);background-size:cover;background-repeat:no-repeat;background-color:rgba(0,0,0,.7)}@media screen and (max-width:768px){.hero{height:350px}}.hero__title{font-size:48px;max-width:900px;color:#fff;text-shadow:0 0 4px #000}@media screen and (max-width:768px){.hero__title{font-size:24px;max-width:90%}}.search{flex-direction:column;justify-content:center;max-width:900px}.search,.search__box{display:flex;align-items:center;width:100%}.search__box{flex-direction:row;justify-content:flex-start;height:50px;padding:5px;background:#fff;border-radius:8px;box-shadow:0 2px 5px rgba(0,0,0,.25)}@media screen and (max-width:768px){.search__box{max-width:90%}}.search__box input[type=text]{color:#333;background:transparent;width:100%;font-size:16px;font-family:Poppins,sans-serif;padding:5px;border:none;outline:none}.category{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;padding-bottom:10px}.category__title{font-size:16px;font-weight:400;color:#fff;text-shadow:0 0 1px #000;margin-left:5px}.category__container{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;width:100%;overflow-x:scroll;margin:auto;-ms-overflow-style:none;scrollbar-width:none}.category__container::-webkit-scrollbar{display:none}.category__box{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;padding:0;margin:5px;min-width:120px;height:40px;border-radius:4px;background:#fff;border:none;outline:none;box-shadow:0 0 5px rgba(0,0,0,.25);font-family:Poppins,sans-serif;font-size:16px;transition:.3s ease-in-out;cursor:pointer}.category__box:hover{box-shadow:5px 5px 5px rgba(0,0,0,.25)}.category__box.active,.category__box:hover{background:#ddb086;transition:.3s ease-in-out}.category__box img{height:40px;width:40px;border-radius:4px;margin-right:4px}.category__box h5{color:#333;font-weight:400}.price__section{max-width:900px;margin:20px auto}.price__section,.priceBox{display:flex;justify-content:flex-start;align-items:center}.priceBox{flex-direction:column;height:50px;width:200px;margin:auto 5px}.priceBox__title{align-self:flex-start;margin:-5px 2px;font-size:14px;font-weight:400}.priceBox__range{margin-top:5px;font-size:12px;font-weight:400}.card{display:flex;flex-direction:column;min-width:260px;height:375px;margin:10px;border-radius:16px;background:#fff;box-shadow:0 0 4px rgba(0,0,0,.25);transition:.3s ease-in-out;position:relative;overflow:hidden;cursor:pointer}@media screen and (max-width:640px){.card{min-width:208px;width:208px;height:300px}}.card:hover{box-shadow:10px 10px 5px rgba(0,0,0,.25);transition:.3s ease-in-out;-webkit-transform:scale(1.02);transform:scale(1.02)}.card.highlight{border:2px solid #dc934f}.card img{width:260px;height:200px;border-radius:16px 16px 0 0;box-shadow:0 1px 1px rgba(0,0,0,.25)}@media screen and (max-width:640px){.card img{width:208px;height:160px}}.card h3{margin:5px;font-size:16px;color:#182d56;font-weight:700}.card__wrapper{width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.card__product-name{margin:5px;font-size:16px;font-weight:700;color:#182d56}.card__product-bakery{margin:0 5px;font-size:14px;font-weight:400;color:#333}@media screen and (max-width:620px){.card__product-bakery{font-size:12px}}.card__product-price{margin:0 5px;font-size:16px;color:#dc934f}@media screen and (max-width:620px){.card__product-price{font-size:12px}}.card__rank{display:flex;flex-direction:row;justify-content:center;align-items:center;margin:0 5px}.card__rank-score{margin-right:5px;font-size:14px;color:#dc934f}@media screen and (max-width:620px){.card__rank-score{font-size:12px}}.card__rank-star{color:#ddb086;width:16px;height:16px}@media screen and (max-width:620px){.card__rank-star{width:12px;height:12px}}.card__actions{position:absolute;bottom:0;left:0;width:90%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin:5px 10px;z-index:2}.card__actions button{transition:all .3s ease-in-out;cursor:pointer;background:none;border:none;outline:none}.card__actions button:hover{color:#e7dcdc;transition:all .3s ease-in-out}.card__actions button.favorite{color:#dc934f}.card__payment{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;max-width:500px;height:70px;margin:8px auto;padding:0 8px;background:#e7dcdc;border:none;border-radius:8px;box-shadow:0 0 4px rgba(0,0,0,.25);transition:all .25s ease-in-out;cursor:pointer;overflow:hidden;position:relative}.card__payment:after{position:absolute;content:"";top:0;left:0;width:0;height:100%;background:#dc934f;transition:all .5s;border-radius:inherit;z-index:-1}.card__payment:hover{-webkit-transform:scale(1.02);transform:scale(1.02);transition:all .25s ease-in-out;color:#fff}.card__payment:hover:after{width:100%}.card__payment-col{display:flex;flex-direction:column;justify-content:center;align-items:center;height:70px}.card__payment-col.qty{background:#dc934f;margin-left:-8px;padding:0 20px 0 8px;border-radius:0 10px 20px 0}.card__payment-button{background:#0aaf0a;color:#fff;font-size:16px;font-weight:500;padding:8px 16px;border-radius:8px;border:none;cursor:pointer}.product{flex-direction:column;margin:auto;padding:10px;max-width:1000px;height:auto}.product,.product__title{display:flex;justify-content:center;width:100%}.product__title{flex-direction:row;align-items:center}.product__title-name{font-size:48px;font-weight:300;text-decoration:underline #dc934f}@media screen and (max-width:768px){.product__title-name{font-size:32px}}.product__title-button{background:transparent;border:none;cursor:pointer}.product__container{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start}@media screen and (max-width:768px){.product__container{flex-direction:column}}.product__images{display:flex;flex-direction:column}@media screen and (max-width:768px){.product__images{margin:0 auto 10px}}.product__images img{width:400px;height:400px;border-radius:8px}@media screen and (max-width:768px){.product__images img{width:300px;height:300px}}.product__images-small{display:flex;flex-direction:row;justify-content:center;align-items:center;margin:10px auto}.product__images-small button{margin:0 5px;width:50px;height:50px;border-radius:2px;border:none;outline:none;cursor:pointer;overflow:hidden;background:none}.product__images-small button img{width:50px;height:50px;border-radius:2px;opacity:.75}.product__info{align-items:flex-start}.product__price{background:#dc934f;border-radius:8px;color:#fff;font-size:24px;padding:4px 8px}.product__rank{display:flex;flex-direction:row;justify-content:center;align-items:center;margin:10px 0}.product__rank-score{margin-right:5px;font-size:16px;color:#ddb086}.product__rank-star{color:#ddb086;width:16px;height:16px}.product__description{font-size:16px;font-weight:300}.product__ingredients{font-size:14px;font-weight:300;color:#ddb086}.product__top{display:flex;flex-direction:row;width:100%}@media screen and (max-width:768px){.product__top{flex-direction:column}}.product__top img{width:45%;border-radius:16px}@media screen and (max-width:768px){.product__top img{width:90%}}.product__info{justify-content:flex-start;margin:0 10px}.product__add,.product__info{display:flex;flex-direction:column}.product__add{justify-content:center;align-items:center;border:none;border-radius:8px;background:#ddb086;color:#fff;outline:none;cursor:pointer}.product__add button{width:100%;border:none;background:transparent;cursor:pointer}.product__add:hover{background:#dc934f;transition:all .3s ease-in-out}.product__other{width:100%;padding:10px 0;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;overflow-x:scroll}.product__other::-webkit-scrollbar{height:8px}.product__other::-webkit-scrollbar-track{background:transparent;border-radius:10px}.product__other::-webkit-scrollbar-thumb{background:#dc934f;border-radius:10px}.premium__table{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:500px;padding:4px 8px;background:#e7dcdc;border-radius:16px}.premium__table-title{font-size:24px;color:#182d56;padding:0 8px}@media screen and (max-width:768px){.premium__table-title{font-size:16px}}.premium__table-subtitle{font-size:16px;color:#182d56;padding:0 8px}.premium__table-span{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;font-size:16px}.premium__table-icon{width:16px;height:16px;color:#0aaf0a;margin:0 4px}.table{width:100%;border:none;border-collapse:separate;border-spacing:0 5px}.table__tabs{display:flex;width:100%;flex-direction:row;justify-content:flex-start;align-items:center}.table__tabs button{font-size:16px;font-weight:700;background:transparent;padding:4px 8px;margin:4px;outline:none;cursor:pointer;border-radius:4px;border:4px solid transparent;border-right:none;border-left:none}.table__tabs button:hover{background:#ddb086;transition:all .3s ease-in-out}.table__tabs button.active{color:#dc934f;border-bottom:4px solid #dc934f}.table__tabs button.active:hover,.table thead{background:transparent}.table thead{color:#333}.table thead tr th{font-weight:500;font-size:14px}.table tbody tr{width:100%;height:70px;text-align:center;background:transparent;border:none}.table tbody tr td{background:#e7dcdc;height:100%}.table tbody tr td:first-child{border-radius:4px 0 0 4px}.table tbody tr td:last-child{border-radius:0 4px 4px 0}.table tbody tr .td__product{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;height:70px;padding:0 5px}.table tbody tr .td__product-id{font-size:12px;font-weight:300}.table tbody tr .td__product-id.highlight{background:#dc934f}.table tbody tr .td__product-image{height:50px;width:50px;border-radius:8px}.table tbody tr .td__product-info{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:0 5px;height:100%;width:100%}.table tbody tr .td__product-name{font-size:16px}.table tbody tr .td__product-bakery{font-size:12px;color:#333}.table tbody tr .td__product-category{font-size:10px;color:#333;padding:2px 8px;border-radius:16px}.table tbody tr .td__product-category.Cakes{background:#18e6e6}.table tbody tr .td__product-category.Cookies{background:pink}.table tbody tr .td__product-category.Donuts{background:#b78fe4}.table tbody tr .td__product-category.Breads{background:#f1d8b8}.table tbody tr .td__product-price{height:100%;font-size:16px;font-weight:400;color:#ddb086;border-left:1px solid #fff}.table tbody tr .td__product-price-total{font-size:16px;font-weight:500;color:#dc934f}.table tbody tr .td__product-date{font-size:12px;font-weight:300;color:#333}.table tbody tr .td__product-qty{display:flex;flex-direction:row;justify-content:center;align-items:center;height:70px;width:100%}.table tbody tr .td__product-qty button{display:inline-flex;justify-content:center;align-items:center;text-align:center;color:#fff;margin:0 5px;height:16px;width:16px;border-radius:50%;border:none;cursor:pointer;background:transparent;font-size:16px}.table tbody tr .td__product-qty button.minus{color:#ff1744}.table tbody tr .td__product-qty button.plus{color:#0aaf0a}.table tbody tr .td__product-status span{font-size:12px;color:#fff;padding:2px 8px;border-radius:24px}.table tbody tr .td__product-status span.init{background:#2d84d4}.table tbody tr .td__product-status span.fail{background:#ff1744}.table tbody tr .td__product-status span.correct{background:#0aaf0a}.table tbody tr textarea{justify-self:flex-end;width:100%;max-width:300px;height:70px;margin:5px 10px;border-radius:16px;background:#eceae7;border:none;font-size:14px}.table button,.table tbody tr textarea{outline:none;font-family:Poppins,sans-serif}.table button{width:50px;height:25px;margin:5px;border-radius:4px;border:none;cursor:pointer}.table button.edit{background:#ffff72}.table button.show{background:#fff}.table button.delete{background:#ff1744}.table button.highlight{width:auto;background:#dc934f}.table .qty{display:flex;flex-direction:row;align-items:center;justify-content:center}.table .qty h6{color:#dc934f;font-size:14px}.table .qty button{color:#fff;margin:0 5px;height:20px;width:20px;border-radius:50%;border:none;cursor:pointer}.table .qty button.minus{background:#ff1744}.table .qty button.plus{background:#0aaf0a}.table__emptyCell{background:#fff!important}.table__search{width:100%;display:flex;justify-content:flex-end}.table__search-box{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;width:200px;height:50px;padding:4px 8px;background:#e7dcdc;border-radius:4px}.table__search-box input{width:100%;height:100%;font-size:14px;font-weight:300;font-family:Poppins,sans-serif;background:transparent;border:none;outline:none}.actionInfo{padding:4px 8px;text-align:center;border:none;border-radius:8px;background:#90ee90}.actionInfo.red{background:#ff1744}.bagModal{position:fixed;display:flex;flex-direction:column;justify-content:space-between;align-items:center;top:50px;right:16px;width:350px;max-height:400px;background:#fff;border-radius:8px;border:none;box-shadow:5px 0 10px rgba(0,0,0,.2),-5px 0 10px hsla(0,0%,100%,.2);z-index:10;overflow-y:scroll}.bagModal::-webkit-scrollbar{width:6px}.bagModal::-webkit-scrollbar-thumb,.bagModal::-webkit-scrollbar-track{background:transparent;border-radius:10px}.bagModal:hover::-webkit-scrollbar-thumb{background:#dc934f;border-radius:10px}.bagModal__top{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 10px;width:100%}.bagModal__top h3{text-align:center;font-size:20px}.bagModal__top h3 span{font-size:14px;font-weight:700;color:#dc934f}.bagModal__close{display:flex;flex-direction:row;justify-content:center;align-items:center;border:none;outline:none;background:#ff1744;color:#fff;border-radius:2px;padding:2px 4px;cursor:pointer}.bagModal__close-icon{width:16px;height:16px;margin-left:4px}.bagModal__item{width:100%;height:80px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:10px}.bagModal__item:hover{box-shadow:0 2px 2px rgba(0,0,0,.1),0 -2px 2px rgba(0,0,0,.1)}.bagModal__item img{width:50px;height:50px;border-radius:8px}.bagModal__details{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;padding:0 5px}.bagModal__details h5{color:#000;font-size:16px;font-weight:500}.bagModal__details-info{display:block}.bagModal__details-qty{display:inline-flex;flex-direction:row;justify-content:flex-end;align-items:center}.bagModal__details-qty button{display:inline-flex;justify-content:center;align-items:center;text-align:center;color:#fff;margin:0 5px;height:16px;width:16px;border-radius:50%;border:none;cursor:pointer;background:transparent;font-size:16px}.bagModal__details-qty button.minus{color:#ff1744}.bagModal__details-qty button.plus{color:#0aaf0a}.bagModal__details-price{font-size:16px;color:#dc934f;font-weight:500;text-align:center}.bagModal .button-link{display:flex;flex-direction:row;justify-content:center;align-items:center;margin:5px;width:150px;min-height:40px;border-radius:8px;border:none;background:#ddb086;font-family:Poppins,sans-serif;box-shadow:0 0 5px rgba(0,0,0,.25);transition:.3s ease-in-out;cursor:pointer}.bagModal .button-link:hover{background:#dc934f;transition:.3s ease-in-out}.orders__select{width:150px;height:50px;margin:5px 10px;border-radius:16px;background:#e7dcdc;border:none;outline:none;font-size:20px;font-family:Poppins,sans-serif}.settings{flex-direction:column}.settings,.settings__row{display:flex;justify-content:center;align-items:center;width:100%}.settings__row{flex-direction:row}