@charset "UTF-8";*{box-sizing:border-box;margin:0;padding:0}.root,#root{position:relative}a{color:inherit;text-decoration:inherit}li{list-style-type:none}.sidebar{width:100px;background-color:#1f1d2b;color:#fff;display:flex;align-items:center;flex-direction:column;justify-content:center;position:fixed;height:100%;padding:1em 0;z-index:1}.logo{width:60px;margin-bottom:1rem;justify-self:center}.navbar{display:flex;flex-direction:column;align-items:center}.nav-item{display:flex;align-items:center;justify-content:center;cursor:pointer;height:80px;width:80px;transition:background-color .3s;margin:1px 0}.nav-item svg{width:32px;height:32px}.active-link{background-color:#ea7c69;border-radius:15px 0 0 15px;width:80px}.active-link svg path{fill:#fff}@media (max-width: 768px){.sidebar{width:70px}.logo{width:40px}.navbar-items{width:100%}.nav-item{height:60px;width:60px}.active-link{border-radius:50%;width:60px}}.no-scroll{overflow:hidden}.header{display:flex;justify-content:space-between;align-items:center;padding:1em;background-color:#393c49;color:#fff;width:100%}@media screen and (max-width: 342px){.header{padding:10px 0 0}}.header .cart-opener-svg-close{display:none}.header .header-svg{cursor:pointer}.header .header-container{display:flex;justify-content:space-between;gap:20px;width:100%}@media screen and (max-width: 544px){.header .header-container{flex-direction:column;gap:16px;align-items:center}}.header .header-container .header-left{display:flex;flex-direction:column;align-items:flex-start}.header .header-container .header-left .username{margin-bottom:5px;font-family:Barlow,sans-serif;font-weight:600;font-size:28px;line-height:1}.header .header-container .header-left .today-date{font-family:Barlow,sans-serif;font-size:16px;font-weight:400;line-height:1}.header .header-container .header-right{display:flex;align-items:center;position:relative;gap:10px}.header .header-container .header-right .search-input{width:246px;height:48px;padding:14px 10px;border-radius:8px;border:transparent;outline:none;font-family:Barlow,sans-serif;font-size:14px;color:#fff;background-color:#2d303e;position:relative;text-indent:26px}@media screen and (max-width: 380px){.header .header-container .header-right .search-input{font-size:12px;width:200px}}.header .header-container .header-right .search-icon{position:absolute;left:14px;width:20px;height:20px}.mainRoot{overflow-y:auto;overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:thin;scrollbar-color:#d7d4d6 #fff;resize:none}.mainRoot::-webkit-scrollbar{width:4px;height:4px}.mainRoot::-webkit-scrollbar-thumb{border-radius:10px;background-color:#d7d4d6}.mainRoot{min-height:100vh;width:calc(100% - 100px);padding:1em;margin:0 0 0 auto;overflow-y:auto;font-family:Barlow,sans-serif,sans-serif;background:#393c49;color:#fff}@media (max-width: 768px){.mainRoot{width:calc(100% - 70px)}}.mainRoot{position:relative}.responsive-cart-root{width:100%;margin:0;padding:0;overflow-y:auto;font-family:Barlow,sans-serif,sans-serif;background:#393c49;color:#fff;position:relative;overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:thin;scrollbar-color:#d7d4d6 #fff;resize:none}.responsive-cart-sidebar{display:none}.cart-payment-container{position:absolute;display:flex;height:100vh;top:0;right:0;z-index:10;transform:translate(50%);transition:all .9s ease-in-out}.cart-payment-close{top:0;right:0;z-index:10;position:absolute;display:flex;height:100vh;transform:translate(100%);transition:all .9s ease-in-out}.payment-open{transform:translate(0);transition:all .9s ease-in-out}.cart-close{display:none}.cart-all-container{width:410px;background-color:#1f1d2b;padding:10px 40px;position:relative;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none}.cart-all-container::-webkit-scrollbar{width:0px;display:none}.cart-all-container .cart-closer{cursor:pointer}.cart-all-container .cart-header-container{display:flex;flex-direction:column;padding:0 10px;gap:20px;max-width:360px;border-bottom:1px solid #393c49}.cart-all-container .cart-header-container .cart-header-title-closer-container{display:flex;justify-content:space-between;margin-top:16px}.cart-all-container .cart-header-title{color:#fff;font-family:Barlow,sans-serif}.cart-all-container .cart-header-buttons-container{display:flex;gap:8px}.cart-all-container .cart-header-buttons-container .cart-header-selected-button{background-color:#ea7c69;color:#fff;padding:7px 12px;border-radius:8px;border:1px solid #393c49}.cart-all-container .cart-header-buttons-container .cart-header-button{color:#ea7c69;padding:7px 12px;border-radius:8px;border:1px solid #393c49;background-color:#1f1d2b;cursor:pointer}.cart-all-container .cart-header-titles-container{display:flex;justify-content:space-between;width:100%;margin-bottom:20px}.cart-all-container .cart-header-titles-container .cart-header-p{color:#fff;font-family:Barlow,sans-serif;font-size:16px}.cart-all-container .cart-header-titles-container .cart-left-titles-container{display:flex;gap:33px}.cart-all-container .cart-products-container{height:380px;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none}.cart-all-container .cart-products-container::-webkit-scrollbar{width:0px;display:none}.cart-all-container .cart-products-container::-webkit-scrollbar{width:0px;border-radius:0;display:none}.cart-all-container .cart-product-mapped-data-container{display:flex;justify-content:space-between;margin-top:24px}.cart-all-container .cart-product-mapped-data-container .cart-product-img-p-container{display:flex;align-items:center;gap:15px;color:#fff}.cart-all-container .cart-product-mapped-data-container .cart-product-img-p-container .cart-p{font-family:Barlow,sans-serif;font-weight:450}.cart-all-container .cart-product-mapped-data-container .cart-product-img-p-container .cart-product-img{object-fit:contain;height:60px;border-radius:50%}.cart-all-container .cart-product-mapped-data-container .cart-product-qty-total-container{display:flex;gap:21px;align-items:center;color:#fff;margin-right:15px}.cart-all-container .cart-product-mapped-data-container .cart-product-qty-total-container .cart-responsive-p-container{display:flex;align-items:center;gap:15px}.cart-all-container .cart-product-mapped-data-container .cart-product-qty-total-container .cart-responsive-p{display:none}.cart-all-container .cart-product-mapped-data-container .cart-product-qty-total-container .cart-product-qty{padding:14px 12px;width:48px;background-color:#2d303e;border:1px solid #393c49;border-radius:8px;color:#fff;text-align:center}.cart-all-container .cart-product-mapped-data-container .cart-product-qty-total-container .cart-product-qty::placeholder{color:#fff;text-align:center}.cart-all-container .cart-product-note-container{display:flex;justify-content:space-between;flex:1;padding-top:10px;color:#fff;gap:7px}.cart-all-container .cart-product-note-container .cart-product-note{max-width:336px;border-radius:8px;background-color:#393c49;padding:3px;border:2px solid #1f1d2b;width:100%}.cart-all-container .cart-product-note-container .cart-products-delete-svg-container{border:1px solid #ea7c69;border-radius:8px;padding:7px 8px;cursor:pointer}.cart-all-container .cart-footer-container .cart-footer-info-container{padding-bottom:10px;margin-bottom:20px}.cart-all-container .cart-footer-container .cart-footer-money-container{display:flex;justify-content:space-between}.cart-all-container .cart-footer-container .cart-footer-money-container .cart-footer-p{font-family:Barlow,sans-serif;font-size:14px;color:#abbbc2;font-weight:400;margin-top:5px;line-height:20px}.cart-all-container .cart-footer-container .cart-footer-money-container .cart-footer-money-p{font-family:Barlow,sans-serif;font-size:16px;font-weight:500;line-height:22px;color:#fff}.cart-all-container .cart-footer-container .cart-footer-button{background-color:#ea7c69;color:#fff;padding:14px;width:100%;margin-top:30px;border-radius:8px;cursor:pointer}@media screen and (max-width: 430px){.cart-all-container{padding:10px}.cart-all-container .cart-header-container{padding-bottom:20px;max-width:500px}.cart-all-container .cart-product-note-container{justify-content:center}.cart-all-container .cart-product-note-container .cart-product-note{width:240px}.cart-all-container .cart-footer-info-container{padding:20px 10px}.cart-all-container .cart-header-titles-container{display:none}.cart-all-container .cart-product-mapped-data-container{flex-direction:column;gap:10px}.cart-all-container .cart-product-mapped-data-container .cart-product-qty-total-container{justify-content:center}.cart-all-container .cart-product-mapped-data-container .cart-product-qty-total-container .cart-product-qty{padding:10px;width:40px}.cart-all-container .cart-product-mapped-data-container .cart-product-qty-total-container .cart-responsive-p{display:block}.cart-all-container .cart-product-mapped-data-container .cart-product-img-p-container{justify-content:center}.cart-all-container .cart-product-mapped-data-container .cart-product-img-p-container .cart-name-p{width:160px}.cart-all-container .cart-product-mapped-data-container .cart-product-img-p-container .cart-price-p{display:none}}@media screen and (max-width: 400px){.cart-all-container .cart-header-buttons-container{justify-content:center}.cart-all-container .cart-header-title{margin-left:20px}}@media screen and (max-width: 380px){.cart-all-container{padding:2px}.cart-all-container .cart-header-title{margin-left:70px}.cart-all-container .cart-footer-container .cart-footer-info-container{padding:40px 60px}}.payment-container{background-color:#1f1d2b;padding:20px;width:410px;position:relative;overflow-y:auto}.header .header-title{font-family:Barlow,sans-serif;font-size:28px;font-weight:600;line-height:40px;color:#fff}.header .header-text{font-family:Barlow,sans-serif;font-weight:500;line-height:22px;color:#abbbc2}.line-box{max-width:384px}.line-box .line-svg{width:100%}.payment-methods-container{display:flex;flex-direction:column;gap:16px;padding-top:24px;padding-bottom:16px}.payment-methods-container .methods-title{font-family:Barlow,sans-serif;font-size:20px;font-weight:600;line-height:28px;color:#fff}.payment-methods-container .methods-card-box{display:flex;gap:8px;flex-wrap:wrap}@media (max-width: 1380px){.payment-methods-container .methods-card-box{justify-content:center}}.payment-methods-container .methods-card-box .methods-card{width:104px;min-height:65px;background-color:#1f1d2b;color:#abbbc2;border:1px solid #393c49;border-radius:8px;cursor:pointer;padding:10px 16px;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative}.payment-methods-container .methods-card-box .methods-card.active{background-color:#2d303e;border:1px solid #abbbc2;color:#fff}.payment-methods-container .methods-card-box .btn-check-icon{position:absolute;top:6px;right:6px;visibility:hidden}.payment-methods-container .methods-card-box .btn-check-icon.active{visibility:visible}.payment-methods-container .methods-card-box .methods-card-text{font-family:Barlow,sans-serif;font-size:14px;font-weight:500;line-height:18px}.payment-content-container .payment-information{display:flex;flex-direction:column;gap:16px}.payment-content-container .informations{font-family:Barlow,sans-serif;font-size:14px;font-weight:500;line-height:18px;color:#fff;display:flex;flex-direction:column;gap:8px}.payment-content-container .informations .information-inputs{height:48px;border:1px solid #393c49;border-radius:8px;background-color:#2d303e;padding:14px;font-family:Barlow,sans-serif;font-size:14px;line-height:20px;color:#e0e6e9;width:100%}.payment-content-container .date-and-cvv-box{display:flex;justify-content:space-between;gap:8px}.payment-content-container .date-and-cvv-box #expriy-date,.payment-content-container .date-and-cvv-box #cvv{max-width:172px}.order-information{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:12px;flex-direction:row}.order-information .order-type-box{display:flex;flex-direction:column;gap:8px}.order-information .order-type-box .order-type-text{font-family:Barlow,sans-serif;font-size:14px;font-weight:500;line-height:18px;color:#fff}.order-information .table-no-box{display:flex;flex-direction:column;gap:8px;max-width:172px}.order-information .table-no-box .table-no-text{font-family:Barlow,sans-serif;font-size:14px;font-weight:500;line-height:18px;color:#fff}.order-information .table-no-box .table-no-input{height:48px;border:1px solid #393c49;border-radius:8px;background-color:#2d303e;width:100%;padding:14px;font-family:Barlow,sans-serif;font-size:14px;line-height:20px;color:#e0e6e9}.btn-box{display:flex;justify-content:space-between;max-width:370px;flex:1;width:100%;margin-top:15px}.btn-box #cancel-btn{box-shadow:none}.button{display:inline-block;padding:8px;border-radius:8px;outline:none;box-shadow:0 8px 24px #eb7d6a32,0 0 8px #ea7c69;font-size:1rem;cursor:pointer;transition:all .1s ease;border:1px solid transparent;display:flex;justify-content:center;align-items:center}.button:active{transform:translateY(1px)}.button:hover{color:#ea7c69;border:1px solid #ea7c69}.button.primary{background-color:#ea7c69;color:#fff}.button.primary:hover{background-color:#e97865}.button.secondary{background-color:transparent;color:#ea7c69;border:1px solid #ea7c69}.button.large{padding:10px 30px}.button.medium{padding:6px 20px}.dropdown{position:relative;display:inline-block}.dropdown-toggle{background-color:#1f1d2b;padding:14px;border:1px solid #393c49;border-radius:8px;cursor:pointer;width:172px;height:48px;display:flex;align-items:center;gap:10px;color:#e0e6e9;font-family:Barlow,sans-serif;font-size:14px;font-weight:500;line-height:18px}.dropdown-menu{position:absolute;background-color:#2d303e;min-width:172px;box-shadow:0 8px 16px #0003;z-index:1;border-radius:8px}.dropdown-menu li{padding:14px;border-radius:8px;cursor:pointer;text-decoration:none;display:block;color:#e0e6e9;font-family:Barlow,sans-serif;font-size:14px;font-weight:500;line-height:18px}.dropdown-menu li:hover{background-color:#1f1d2b}.menu .category{margin-left:20px}.menu .title{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;margin-left:20px;padding:10px 20px 10px 0;height:48px}.menu .title h2{margin:0}.menu .title .menu-filter,.menu .title .service-type{padding:10px;background-color:#1f1d2b;border:1px solid #393C49;border-radius:8px;color:#fff}.menu .dishes-container{display:grid;grid-template-columns:repeat(auto-fill,200px);width:100%;gap:60px 30px;padding:20px;transition:.3s ease-in-out all}.menu .dishes-container .dish{transition:.3s ease-in-out all;text-align:center;gap:10px;cursor:pointer;z-index:1;width:100%;height:240px;background-color:#1f1d2bb3;border-radius:5%;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.menu .dishes-container .dish .dishes-text-container{padding:0 20px}.menu .dishes-container .dish img{position:absolute;top:-40px;z-index:2;background:none;object-fit:contain;width:132px;border-radius:50%}.menu .dishes-container .dish .overlay-div{height:50px}.menu .dishes-container .dish h3,.menu .dishes-container .dish p{font-size:17px;z-index:2}.menu .dishes-container .dish .add-to-cart{background-color:#000000b3;color:#fff;padding:10px 20px;border-radius:6px;transition:opacity .4s ease-in-out;z-index:3;width:80%;opacity:0;position:absolute;bottom:10px;margin-top:10px}.menu .dishes-container .dish:hover{height:270px;transition:.4s ease-in-out all}.menu .dishes-container .dish:hover .add-to-cart{opacity:1;transition:.6s ease-in-out}.menu .dishes-container .dish .price-box{align-items:center;justify-content:center;gap:2px;display:flex;color:#646464}.category-tabs{display:flex;gap:32px;font-family:Barlow,sans-serif}.category-tabs li{cursor:pointer;padding-bottom:12px;font-size:14px;font-weight:600}.active{color:#ea7c69;border-bottom:3px solid #ea7c69}.signup-page{background-color:#252836;min-height:100vh;display:flex;justify-content:center;align-items:center}.signup-page h1{color:#fff;font-family:Outfit,sans-serif;font-size:48px}.signup-page .form-container{display:flex;flex-direction:column;align-items:center;gap:20px;width:800px;max-width:800px;padding:20px;border-radius:15px;background-color:#1f1d2b}.signup-page .form-container input{border-radius:8px;height:48px;padding:14px;border:none;align-self:stretch;background-color:#2d303e;outline:none;font-family:Outfit,sans-serif;color:#fff}.signup-page .form-container input::placeholder{color:#304747;font-family:Outfit,sans-serif}.signup-page .button-enabled{padding:14px;border-radius:8px;width:200px;background-color:#ea7c69;border:none;color:#fff;font-family:Outfit,sans-serif;font-weight:700;transition:all .5s;cursor:pointer}.signup-page .button-enabled:hover{box-shadow:2px 2px 16px #ea7c69,-2px -2px 16px #ea7c69}.signup-page .button-disabled{padding:14px;border-radius:8px;width:200px;background-color:#d3d3d3;border:none;color:#fff;font-family:Outfit,sans-serif;font-weight:700}.signup-page .button-disabled:hover{cursor:not-allowed;box-shadow:none}.signup-page .signup-alert,h1{color:#fff;font-family:Outfit,sans-serif}.login-page{background-color:#252836;min-height:100vh;display:flex;justify-content:center;align-items:center}.login-page .form-container{display:flex;flex-direction:column;align-items:center;gap:50px;width:800px;max-width:800px;padding:50px;border-radius:15px;background-color:#1f1d2b}.login-page .form-container input{border-radius:8px;height:48px;padding:14px;border:none;align-self:stretch;background-color:#2d303e;outline:none;font-family:Outfit,sans-serif;color:#fff}.login-page .form-container input::placeholder{color:#304747;font-family:Outfit,sans-serif}.login-page .button-enabled{padding:14px;border-radius:8px;width:200px;background-color:#ea7c69;border:none;color:#fff;font-family:Outfit,sans-serif;font-weight:700;transition:all .5s;cursor:pointer}.login-page .button-enabled:hover{box-shadow:2px 2px 16px #ea7c69,-2px -2px 16px #ea7c69}.login-page .button-disabled{padding:14px;border-radius:8px;width:200px;background-color:#d3d3d3;border:none;color:#fff;font-family:Outfit,sans-serif;font-weight:700}.login-page .button-disabled:hover{cursor:not-allowed;box-shadow:none}.login-page .login-alert{color:#fff;font-family:Outfit,sans-serif}.product-card{border-radius:8px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.img-box{padding:20px 10px 0;width:200px;height:200px;display:flex;align-items:center;justify-content:center}.img-box .food-image{width:100%;object-fit:contain}.details{max-width:150px;font-size:14px}.details p{margin-bottom:10px;height:34px;font-weight:500;word-wrap:break-word;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}.details span{color:#abbbc2;font-weight:400}.edit-box{background-color:#ea7c6940;padding:15px;border-bottom-left-radius:8px;border-bottom-right-radius:8px;border:none;font-size:14px;font-weight:600;color:#ea7c69;width:100%;display:flex;justify-content:center;align-items:center;gap:7px;cursor:pointer}.edit-box:hover{background-color:#ea7c6959}.title-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.title-container h1{font-weight:600;font-size:20px}.manage-categories{display:flex;align-items:center;gap:8px;padding:14px;border:1px solid #393c49;border-radius:8px}.manage-categories p{font-size:14px;font-weight:600}.management-container{width:75%;height:100vh;background-color:#1f1d2b;border-radius:8px;padding:25px;overflow-y:auto}.management-layout{display:flex;height:100vh}.management-content{flex-grow:1;overflow-y:auto;padding-bottom:80px}.management-container{padding:20px}.header-sticky{top:0;background-color:#1f1d2b}.product-cards-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:25px;justify-content:center;padding:25px 0}.add-dish-container{display:grid;align-items:center;justify-items:center;position:absolute;width:100%;height:100%}.add-dish-close{display:none}.add-dish-card{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;color:#ea7c69;border:1px dashed #ea7c69;border-radius:8px;min-height:300px;cursor:pointer}.add-dish-card span{font-size:25px}.add-dish-card p{font-size:16px}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#1f1d2b}::-webkit-scrollbar-thumb{background:#ea7c69;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#1f1d2b}@media (max-width: 768px){.management-container{width:100%;padding:15px}.management-layout{flex-direction:column}.product-cards-container{grid-template-columns:1fr;gap:15px}.add-dish-card span{font-size:20px}.add-dish-card p{font-size:14px}}@media (max-width: 480px){.management-container{width:100%;padding:10px}.management-layout{flex-direction:column;height:auto}.management-content{padding-bottom:60px}.product-cards-container{grid-template-columns:1fr;gap:10px;padding:10px 0}.add-dish-card{gap:15px}.add-dish-card span{font-size:18px}.add-dish-card p{font-size:12px}}.buttons-container{padding:20px 0;background-color:#1f1d2b;position:sticky;bottom:0;z-index:1000}.save-changes{padding:14px 28px;background-color:#ea7c69;border:none;border-radius:8px;font-size:14px;color:#fff}.save-changes:hover{box-shadow:0 8px 24px #eb7d6a32,0 0 8px #ea7c69}.discard-changes{padding:14px 28px;background-color:inherit;border:1px solid #ea7c69;border-radius:8px;font-size:14px;color:#ea7c69;margin-right:10px}.discard-changes:hover{box-shadow:0 8px 24px #eb7d6a32,0 0 8px #ea7c69}.content-container{padding:5%;display:flex;flex-direction:column;gap:30px}@media (max-width: 820px){.content-container{gap:15px}}.content-container .content-box .informations{font-family:Barlow,sans-serif;color:#fff;font-size:18px;font-weight:600;line-height:24px;display:flex;justify-content:space-between;align-items:center}@media (max-width: 820px){.content-container .content-box .informations{flex-direction:column;gap:8px}}.content-container .content-box .informations .information-inputs{height:48px;border:1px solid #393c49;border-radius:8px;background-color:#2d303e;padding:14px;font-family:Barlow,sans-serif;font-size:14px;line-height:20px;color:#e0e6e9;max-width:470px;width:100%}.content-container .line-img-box .line-img{width:100%}.btn-container{margin:22px auto auto;max-width:420px;display:flex;justify-content:space-between;gap:10px;bottom:0}.btn-container #cancel-btn{box-shadow:none}.add-dish-content-container{background-color:#1f1d2b;border-radius:15px;padding:15px 30px;display:flex;flex-direction:column;position:absolute;z-index:10;gap:12px;margin-bottom:80px;margin-right:100px;width:50%}.add-dish-content-container .add-dish-content{display:flex;flex:1;align-items:center;gap:10px;border-bottom:1px #393c49 solid;padding:25px 0;flex-wrap:wrap}.add-dish-content-container .add-dish-content .add-dish-double-container{display:flex;gap:15px;width:100%;flex-wrap:wrap}.add-dish-content-container .add-dish-content .add-dish-input{width:73%;background-color:#393c49;border-radius:8px;padding:8px;border:none;color:#fff;font-family:Barlow,sans-serif;font-size:17px;font-weight:500}.add-dish-content-container .add-dish-content .add-dish-p{font-family:Barlow,sans-serif;font-weight:500;font-size:20px;width:145px}.add-dish-content-container .add-dish-buttons{display:flex;justify-content:space-evenly;margin-top:10px;flex-wrap:wrap;gap:15px}.add-dish-content-container .add-dish-buttons .cancel-button{border:1px solid #EA7C69;padding:15px 50px;border-radius:10px;color:#ea7c69;background-color:#1f1d2b;cursor:pointer}.add-dish-content-container .add-dish-buttons .add-button{color:#fafafa;padding:15px 50px;border-radius:10px;background-color:#ea7c69;box-shadow:0 8px 24px #ea7c6966;cursor:pointer}@media screen and (max-width: 1205px){.add-dish-content-container{width:60%;gap:5px}.add-dish-content-container .add-dish-content{padding:12px 0}.add-dish-content-container .add-dish-content .add-dish-p{font-size:17px}.add-dish-content-container .add-dish-content .add-dish-input{width:100%}}@media (max-width: 768px){.add-dish-content-container{width:80%;margin-right:70px}}.sidebar-container{background-color:#1f1d2b;width:270px;height:100vh;border-radius:8px;margin:0 15px;top:0}.list-group{padding:24px;display:flex;gap:8px}.list-group:hover{background-color:#ea7c6940;transition:color .2s ease;transition:background .5s ease;color:#ea7c69}.list-group:hover svg path{fill:#ea7c69}.list-group:hover h4{color:#ea7c69}.active .list-group{background-color:#ea7c6940;color:#ea7c69;border-right:3px solid #ea7c69}.active .list-group svg path{fill:#ea7c69}.list-title-box h4{font-size:14px;font-weight:500;margin-bottom:5px;color:#fff}.list-title-box p{font-size:12px;font-weight:400;color:#abbbc2}.sidebar-container>:first-child .list-group{border-top-right-radius:8px;border-top-left-radius:8px}@media (max-width: 768px){.sidebar-container{padding:0;margin:0;height:auto;width:100%;position:static}}@media (max-width: 480px){.sidebar-container{width:100%;margin:0;border-radius:0;height:auto}.list-group{padding:10px;flex-direction:column;align-items:flex-start;gap:5px}.list-title-box h4{font-size:12px}.list-title-box p{font-size:10px}.active .list-group{border-right:none;border-bottom:3px solid #ea7c69}}.settings-page{min-height:100%;width:calc(100% - 100px);margin:0 0 0 auto;font-family:Barlow,sans-serif,sans-serif;background-color:#393c49;color:#fff;position:relative}.settings-page h1{margin-bottom:25px;font-weight:600;font-size:28px;margin-left:20px}.settings-overlay-div{position:absolute;width:100%;height:100%;background-color:#000000a8;z-index:5}.main-container{display:flex;position:relative}@media (max-width: 768px){.settings-page{width:calc(100% - 70px)}.main-container{flex-direction:column}}.selected-tab{justify-content:flex-start}.mto-tree{max-width:100%;padding:24px 0 40px;gap:32px;border-radius:8px 0 0;opacity:0px;background:#1f1d2b;color:#fff}.mto-tree .mto-head{display:flex;align-items:center;justify-content:center}.mto-tree .mto-head .mto-head-text{max-width:100%;font-family:Barlow,sans-serif;font-size:20px;font-weight:600;line-height:28px;text-align:left;white-space:nowrap}.mto-tree .mto-head .mto-fitler{max-width:100%;margin-left:64px;background-color:#1f1d2b;color:#fff;text-align:center}.mto-tree .divider{max-width:100%;border:1px 0px 0px 0px;opacity:0px;border:1px solid rgb(57,60,73)}.mto-tree .mto-chart{display:flex;max-width:100%;margin-top:32px}.mto-tree .mto-chart .mto-chart-info{max-width:100%;gap:16px}.mto-tree .mto-chart .mto-chart-info .mto-chart-info-text{width:78px;left:27px;position:relative;margin:0 auto}.mto-tree .mto-chart .mto-chart-info .mto-chart-info-text .mto-chart-text-unduer{width:78px;height:17px;white-space:nowrap;margin:0;color:#889898}.mto-tree .mto-chart .mto-chart-info .mto-chart-info-text .mto-chart-text{font-family:Barlow,sans-serif;font-size:12px;font-weight:400;line-height:16.8px;text-align:left}.mto-tree .mto-chart .mto-chart-info .mto-chart-pink-info,.mto-tree .mto-chart .mto-chart-info .mto-chart-yellow-info,.mto-tree .mto-chart .mto-chart-info .mto-chart-blue-info{width:18px;height:18px;top:1px;border-radius:50%;margin-bottom:16px}.mto-tree .mto-chart .mto-chart-info .mto-chart-pink-info.mto-chart-pink-info,.mto-tree .mto-chart .mto-chart-info .mto-chart-yellow-info.mto-chart-pink-info,.mto-tree .mto-chart .mto-chart-info .mto-chart-blue-info.mto-chart-pink-info{background-color:#ff7ca3}.mto-tree .mto-chart .mto-chart-info .mto-chart-pink-info.mto-chart-yellow-info,.mto-tree .mto-chart .mto-chart-info .mto-chart-yellow-info.mto-chart-yellow-info,.mto-tree .mto-chart .mto-chart-info .mto-chart-blue-info.mto-chart-yellow-info{background-color:#ffb572}.mto-tree .mto-chart .mto-chart-info .mto-chart-pink-info.mto-chart-blue-info,.mto-tree .mto-chart .mto-chart-info .mto-chart-yellow-info.mto-chart-blue-info,.mto-tree .mto-chart .mto-chart-info .mto-chart-blue-info.mto-chart-blue-info{background-color:#65b0f6}.mto-tree .mto-chart-head{width:370px;margin-top:32px;display:flex}.mto-tree .progress-container{width:250px;height:176px;display:flex;justify-content:center;align-items:center}body{background-color:#252836}.dashboard{display:flex;justify-content:space-between}.right-side{gap:24px;padding:15px;display:flex;flex-direction:column}.left-side{margin-left:130px;gap:24px;padding:24px;color:#fff}@media (max-width: 1155px){.dashboard{flex-direction:column}.right-side{margin-left:130px;justify-content:flex-start;flex-direction:row;flex-wrap:wrap;align-content:center;align-items:stretch}}@media (max-width: 769px){.left-side,.right-side{margin-left:70px}}@media (max-width: 640px){.left-side,.right-side{margin-left:70px}}@media (max-width: 580px){.analytics{gap:8px}.order-report table th,.order-report table td{line-height:1.2;font-size:10px}.left-side,.right-side{margin-left:60px}}@media (max-width: 570px){.order-report table th,.order-report table td{padding:1px!important;font-size:8px}}@media (max-width: 465px){.order-report table th,.order-report table td{font-size:7px}.order-report h2{font-size:12px}.amod-tree .amod-container{margin-left:1px;gap:60px}.amod-tree .amod-menu .amod-menu-item-container{margin:5px 10px!important}.amod-tree .amod-dvider{margin-left:1px;margin-right:1px}}.amod-tree{padding:24px 0 0;gap:20px;border-radius:8px 0 0;opacity:0px;background:#1f1d2b}.amod-tree .amod-container{display:flex;gap:111px;opacity:0px;align-items:center;justify-content:center;margin-left:24px}.amod-tree .amod-container h1{color:#fff;font-family:Barlow,sans-serif;font-size:20px;font-weight:600;line-height:28px;white-space:nowrap}.amod-tree .amod-container .amod-filter{gap:10px;border-radius:8px;border:1px 0px 0px 0px;background-color:#252836;color:#fff}.amod-tree .amod-dvider{width:330px;border:1px solid rgb(57,60,73);margin-left:24px;margin-right:26px;margin-top:26px}.amod-tree .amod-menu .amod-menu-item-container{margin:20px 24px 24px}.amod-tree .amod-menu .amod-menu-item-container .amod-menu-item{display:flex;gap:12px;height:39px;white-space:nowrap;margin-bottom:24px}.amod-tree .amod-menu .amod-menu-item-container .amod-menu-item img{background-color:transparent}.amod-tree .amod-menu .amod-menu-item-container .amod-menu-item .amod-menu-item-text{margin-left:16px}.amod-tree .amod-menu .amod-menu-item-container .amod-menu-item .amod-menu-item-text p{margin:0 0 4px;color:#fff}.amod-tree .amod-menu .amod-menu-item-container .amod-menu-item .amod-menu-item-text .under{color:gray;font-family:Barlow,sans-serif;font-size:12px;font-weight:400;line-height:16px}.amod-tree .amod-menu .amod-menu-item-container .amod-menu-item-beef{margin-bottom:32px}.amod-tree .amod-menu .amod-menu-item-container .amod-button button{width:318px;padding:14px;gap:8px;border-radius:8px;border:1px;opacity:0px;border:1px solid rgb(234,124,105);text-align:center;cursor:pointer;background-color:#ea7c69;font-family:Barlow,sans-serif;font-size:14px;font-weight:600;line-height:19.6px;color:#fff}.amod-tree .amod-menu .amod-menu-item-container .amod-button button:hover{background-color:transparent;border:1px solid rgb(234,124,105);transition-duration:.3s;color:#ea7c69}.analytics{display:flex;gap:24px;flex:1;flex-wrap:wrap}.analytics-card{background-color:#1f1d2b;border-radius:10px;padding:24px 44px;color:#fff;box-shadow:0 2px 4px #0000001a}.top-section{display:flex;align-items:center;justify-content:space-between}.analytics-icon{display:flex;align-items:center;margin-right:16px}.analytics-icon img{width:50px;height:50px;margin-right:10px}.change-container{display:flex;align-items:center;justify-content:center;margin-top:10px}.change-container .change{margin-right:8px;font-size:16px;color:inherit}.change-container .change-icon{width:24px;height:24px;line-height:24px;text-align:center;border-radius:50%;display:inline-block;font-size:14px;color:inherit}.change-container .change-icon.up{background-color:#88e0913d}.change-container .change-icon.down{background-color:#ff64713d}.change-container .change.up{color:#50d1aa}.change-container .change.down{color:#ff7ca3}.analytics-info{margin-top:16px}.analytics-info h2{font-size:24px;margin:10px 0;font-family:Barlow,sans-serif;font-size:28px;font-weight:600;line-height:38px}.analytics-info p{margin:4px 0 0;font-size:18px;color:#abbbc2;font-family:Barlow,sans-serif;font-size:14px;font-weight:500;line-height:18px}.container{width:32px;height:32px;justify-content:center;align-items:center;display:flex;border-radius:50%}.order-report{width:100%;max-width:800px;margin-top:20px;background-color:#1f1d2b;border-radius:10px;padding:20px;color:#fff}.order-report h2{margin-bottom:20px;font-size:1.5rem;font-family:Barlow,sans-serif;font-size:20px;font-weight:600;line-height:28px;text-align:left}.order-report table{width:100%;border-collapse:collapse}.order-report table th,.order-report table td{padding:10px 15px;border-bottom:1px solid #1f1d2b;font-family:Barlow,sans-serif;font-size:14px;font-weight:400;line-height:20px;text-align:left}.order-report table th .customer-cont,.order-report table td .customer-cont{display:flex;gap:16px;align-items:center}.order-report table th{background-color:#1f1d2b;font-family:Barlow,sans-serif;font-size:14px;font-weight:600;line-height:20px;text-align:left}.order-report table tr:nth-child(2n){background-color:#1f1d2b}.order-report table tr:hover{background-color:#1f1d2b}.order-report table .status{border-radius:20px;padding:5px 10px;text-align:center;display:inline-block;width:92px;height:26px}.order-report table .status.completed{background-color:#6be2be3d;color:#50d1aa}.order-report table .status.preparing{background-color:#9290fe33;color:#9290fe}.order-report table .status.pending{background-color:#ffb57233;color:#ffb572}.dashboard-header{display:flex;flex-direction:column;justify-content:center;padding:16px;border-radius:8px;min-height:80px}.dashboard-header .dashboard-info h1{color:#fff;margin:0;font-family:Barlow,sans-serif;font-size:28px;font-weight:600;line-height:38px;text-align:left}.dashboard-header .dashboard-info .dashboard-date{margin:4px 0 0;color:#abbbc2;font-size:14px;font-family:Barlow,sans-serif;font-size:16px;font-weight:400;line-height:22px;text-align:left}.discount-container,.message-container,.notification-container{margin-left:100px;color:#fff}