*{box-sizing:border-box;padding:0;margin:0;font-family:"Lato", sans-serif;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}iframe{border:none;background-color:white;outline:none}a,button,input,textarea{border:none;background:none;background-color:transparent;outline:none;outline:0;text-decoration:none}:root{--toastify-color-dark: #1c171d}.Toastify__toast-container--bottom-right{right:2em}.Toastify__toast{border-radius:12px}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background-color:rgba(161,157,169,0.2);border-radius:5px}*::-webkit-scrollbar-track:active{background-color:rgba(161,157,169,0.2)}*::-webkit-scrollbar-track:hover{background-color:rgba(161,157,169,0.2)}*::-webkit-scrollbar-thumb{background-color:#a19da9;border-radius:20px}*::-webkit-scrollbar-thumb:hover{background-color:#b3b3b3}*::-webkit-scrollbar-thumb:active{background-color:#b3b3b3}body{background-color:#F5F6F7}.container{max-width:1200px;margin:0 auto;padding:0 16px;position:relative}.error{color:#D83C37}.pt-1{padding-top:10px}.pb-1{padding-bottom:10px}.pt-2{padding-top:20px}.pb-2{padding-bottom:20px}.pt-3{padding-top:30px}.pb-3{padding-bottom:30px}.pt-4{padding-top:40px}.pb-4{padding-bottom:40px}.pt-5{padding-top:50px}.pb-5{padding-bottom:50px}.mt-1{margin-top:10px}.mb-1{margin-bottom:10px}.mt-2{margin-top:20px}.mb-2{margin-bottom:20px}.mt-3{margin-top:30px}.mb-3{margin-bottom:30px}.mt-4{margin-top:40px}.mb-4{margin-bottom:40px}.mt-5{margin-top:50px}.mb-5{margin-bottom:50px}.logo{background-image:url("/static/imgs/eWaiter_logo.svg");width:155px;height:35px;background-repeat:no-repeat;background-position:center center;background-size:contain;display:inline-block}header{height:80px;border-bottom:1px solid #DFDFDF;background-color:#fff}header .container{display:flex;align-items:center;height:100%;padding:0 20px}header .nav{display:flex;gap:30px;margin-left:auto}header .nav-link{font-size:16px;color:#999;text-decoration:none;font-weight:500}header .nav-link.active{color:#007bff}header .nav-link:hover{color:#007bff}header .actions{display:flex;align-items:center;margin-left:30px}header .actions img{width:36px;height:36px;border-radius:50%}header .actions .invite-btn{padding:8px 16px;border:2px solid #007bff;border-radius:6px;color:#007bff;text-decoration:none;font-weight:500}header .actions .invite-btn:hover{background:#007bff;color:#fff}.smallText{font-size:20px;color:#929292}.input{margin-top:24px;width:100%;height:56px;background:white;font-weight:300;color:#444;transition:all 0.3s ease;border:1px solid #BFBFBF;border-radius:4px;background:none;padding:13px 24px;font-size:30px;text-align:center;background-color:transparent;outline:none;outline:0;text-decoration:none}.input::placeholder{color:#999;font-weight:100}.input_primary{width:max-content;height:56px;flex-shrink:0;padding:16px 24px;border:1px solid var(--input-border);border-radius:16px;caret-color:var(--accent-color-general);color:var(--text-general);white-space:nowrap}@media (max-width: 900px){.input_primary{padding:8px 16px}}.input_primary::placeholder{color:var(--input-border)}.input_primary:not([disabled]):hover{border-color:var(--accent-color-general)}.input_primary:focus{border-color:var(--accent-color-general);color:var(--accent-color-general)}.input_search{transition:color .1s linear;width:100%;min-height:40px;caret-color:var(--accent-color-general);color:var(--text-general)}.input_search:focus{color:var(--accent-color-general)}.input_search:focus~#search-svg path{fill:var(--accent-color-general)}.input_search~#search-svg{width:22px;height:22px}.input_search~#search-svg path{transition:fill .1s linear;fill:var(--text-general)}.input_char{width:50px;flex-shrink:0;padding:0;text-align:center}.input_error{border-color:var(--error)}.input_large{width:308px}.input_full{width:100%}.ebutton{border:2px solid #238CDC;font-size:20px;padding:14px 28px;border-radius:6px;color:#007BFF;cursor:pointer;flex:1;text-align:center;display:inline-block;transition:all .25s}.ebutton.close{border:none;color:#fff;background-color:#D83C37}.ebutton.close:hover{background-color:#D83C37;color:#fff}.ebutton.bg-color-white{background-color:#fff}.ebutton:hover{background-color:#238CDC;color:#fff}.button_block{position:absolute;right:16px;top:28px}.base-plane{background-color:#fff;box-shadow:0 0 12px rgba(33,33,33,0.16);width:100%;position:relative;margin-top:30px;padding:16px 16px 40px;border-radius:10px;min-height:50vh;margin-bottom:35px}.base-plane.plane-button{margin-top:112px}.base-plane.transparent{background-color:transparent}.cards-grid{display:grid;gap:20px;grid-template-columns:repeat(3, 1fr)}@media (max-width: 1200px){.cards-grid{grid-template-columns:repeat(2, 1fr)}}@media (max-width: 768px){.cards-grid{grid-template-columns:1fr}}.card{background:#fff;border:1px solid #E5E7EB;border-radius:12px;padding:16px;width:100%;display:flex;flex-direction:column}.card .card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.card .card-header .title{font-size:14px;font-weight:600;color:#111827}.card .card-body{flex:1;height:200px}.card .card-footer{display:flex;justify-content:space-between;gap:8px;margin-top:12px}.card .card-footer button{flex:1;padding:6px 0;border:1px solid #E5E7EB;border-radius:8px;background:#F9FAFB;font-size:14px;font-weight:500;color:#374151;cursor:pointer;transition:all 0.2s ease}.card .card-footer button.active{background:#fff;border-color:#3B82F6;color:#3B82F6;box-shadow:0 0 0 2px rgba(59,130,246,0.2)}.card .card-footer button:hover:not(.active){background:#F3F4F6}.categoryScrollWrapper{overflow-x:hidden}.categoryBlock{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:10px;padding:16px 15px}.categoryBlock::-webkit-scrollbar{display:none}.categoryBlock .categoryItem{flex:0 0 auto;display:flex;flex-direction:column;align-items:center}.categoryBlock .categoryItem .itemBlock{width:80px;height:80px;border-radius:50%;overflow:hidden;margin-bottom:6px;border:5px solid white;box-shadow:0 0 4px rgba(0,0,0,0.1)}.categoryBlock .categoryItem .itemBlock .categoryImage{width:100%;height:100%;background-size:cover;background-position:center}.categoryBlock .categoryItem.active>.itemBlock{border:5px solid #238CDC}.categoryBlock .categoryItem>span{font-size:12px;white-space:nowrap}.menuItems{margin-top:25px;width:100%}@media (min-width: 625px){.menuItems{display:flex;flex-wrap:wrap;gap:40px 30px}}.menuItems .menuItem{flex:1 1 calc(33.333% - 30px);max-width:calc(33.333% - 30px);box-shadow:0 0 4px rgba(0,0,0,0.24);border-radius:8px;margin-bottom:16px;padding-bottom:60px;position:relative;display:flex;flex-direction:column;align-self:start !important}.menuItems .menuItem .menuImage{width:100%;height:200px;padding-top:56.25%;position:relative;border-radius:8px 8px 0 0;background-repeat:no-repeat;background-position:center center;background-size:cover}.menuItems .menuItem .menuItemBody{padding:16px;flex-grow:1}.menuItems .menuItem .menuItemBody>.title{font-size:20px;display:block;color:#242424}.menuItems .menuItem .menuItemBody>span.h{display:block;font-size:16px;color:#7B7B7B}.menuItems .menuItem .menuItemBody>span.kk{display:block;font-size:16px;color:#7B7B7B}.menuItems .menuItem .add_cart{position:absolute;right:16px;bottom:16px}.table{width:100%;display:flex;flex-direction:column;border:1px solid #E5E7EB;border-radius:8px;overflow:hidden}.table .head,.table .row{display:grid;grid-template-columns:100px 150px 1fr 300px;align-items:center;padding:10px 16px}.table .head{background:#F9FAFB;font-size:13px;font-weight:600;color:#6B7280}.table .row{border-top:1px solid #E5E7EB;font-size:14px}.table .row:hover{background:#F9FAFB}.table .col-avatar{display:flex;align-items:center}.table .col-avatar img,.table .col-avatar .staff-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;background:#BFDEFF;display:flex;align-items:center;justify-content:center;font-weight:600;color:#238CDC}.table .col-name{font-weight:600;color:#111827}.table .col-role{color:#374151}.table .col-status{font-weight:500}.table .col-status.on-shift{color:#45dc23}.table .col-status.off-shift{color:#9CA3AF}.table .col-status.off{color:#D83C37}.table .col-actions{display:flex;gap:8px}.table .col-actions .ebutton.small{font-size:13px;padding:4px 10px;border-radius:6px;transition:all .25s}.table .col-actions .bg-color-gray{color:#374151;border-color:#374151}.table .col-actions .bg-color-gray:hover{background-color:#374151;color:#fff}.table .col-actions .bg-color-red{color:#D83C37;border-color:#D83C37}.table .col-actions .bg-color-red:hover{background-color:#D83C37;color:#fff}.table .col-actions .bg-color-blue{color:#238CDC;border-color:#238CDC}.table .col-actions .bg-color-blue:hover{background-color:#238CDC;color:#fff}.product_options{width:100%;padding-top:16px;padding-bottom:16px}.product_options .product_options_container{padding-top:16px;display:flex;flex-wrap:wrap;justify-content:left;gap:16px}.product_options .product_options_container .option{border:1px solid #7B7B7B;color:#242424;display:inline-block;padding:5px 15px;border-radius:10px}.product_options .product_options_container .option.active{background-color:#238CDC;border:1px solid #238CDC;color:#fff;cursor:default}.in_coming{position:absolute;background-color:rgba(255,255,255,0.3);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(10px);color:#242424;bottom:0;top:80px;left:0;right:0;z-index:10000;text-align:center;padding-top:100px;font-weight:bold;font-size:50px}.radios{text-align:left;margin-top:16px;margin-bottom:16px}.radios .radio{position:relative}.radios .radio>*{display:inline-block}.radios .radio input[type="radio"]{height:50px}.radios .radio label{position:absolute;margin-top:10px;margin-left:10px}.home-page{background-image:url("/static/imgs/bg.png");background-position:center center;background-repeat:no-repeat;background-size:cover;min-height:100vh}.home-page .loginForm{display:flex;justify-content:center;align-items:center;height:calc(100vh - 80px)}.home-page .loginForm .form{background:#fff;width:550px;text-align:center;border-radius:10px;padding:67px 80px}.staff-page .table .head,.staff-page .table .row{grid-template-columns:50px 1fr 150px 120px 200px}.tables-page .button-table-block{padding:16px 0;text-align:right}.tables-page .button-table-block .ebutton{padding:10px 20px}.menu-page .switchMenuBar{position:absolute;top:31px;width:172px;height:48px;background-color:#fff;box-shadow:0 0 12px rgba(33,33,33,0.16);border-radius:40px;padding:4px;box-sizing:border-box}.menu-page .switchMenuBar .switchButton{position:absolute;left:4px;top:4px;bottom:4px;background-color:#238CDC;border-radius:40px;right:50%;z-index:1;transition:all .2s}.menu-page .switchMenuBar .switchButton.switch{right:4px;left:50%}.menu-page .switchMenuBar .switchButtons{position:absolute;z-index:2;width:calc(100% - 8px);display:flex;text-align:center;padding:10px 0;color:#238CDC}.menu-page .switchMenuBar .switchButtons .sBtn{flex:1;transition:all .2s;cursor:pointer;color:#238CDC}.menu-page .switchMenuBar .switchButtons .sBtn.active{color:#fff}.menu-page .delete_menu_item{color:#D83C37;position:absolute;right:calc(50% - 43px);bottom:-38px;background-color:#fff;border:1px solid #D83C37;padding:5px 10px;border-radius:5px}.menu-page .delete_menu_item:hover{color:#fff;background-color:#D83C37}.menu-item-create-page .options-block{background:#fafafa;border:1px solid #ddd;border-radius:8px;padding:16px}.menu-item-create-page .options-block h3{margin-bottom:16px;font-size:18px;font-weight:600}.menu-item-create-page .options-block .option-row{display:grid;grid-template-columns:1fr 120px auto auto;gap:12px;align-items:center;margin-bottom:12px}.menu-item-create-page .options-block .option-row input[type="text"],.menu-item-create-page .options-block .option-row input[type="password"],.menu-item-create-page .options-block .option-row input[type="number"],.menu-item-create-page .options-block .option-row select{height:36px;padding:6px 10px;border:1px solid #ccc;border-radius:4px;font-size:14px}.menu-item-create-page .options-block .option-row .checkbox-label{display:flex;align-items:center;font-size:14px;gap:6px;white-space:nowrap}.menu-item-create-page .options-block .option-row .remove-btn{padding:6px 12px;font-size:14px;border:none;border-radius:4px;background:#dc3545;color:white;cursor:pointer}.menu-item-create-page .options-block .option-row .remove-btn:hover{background:#b02a37}.menu-item-create-page .options-block .add-option-btn{margin-top:8px;padding:8px 14px;font-size:14px;border:1px solid #007bff;border-radius:4px;background:white;color:#007bff;cursor:pointer}.menu-item-create-page .options-block .add-option-btn:hover{background:#007bff;color:white}.menu-item-create-page form{display:flex;flex-direction:column}.menu-item-create-page form p{margin-top:16px;font-size:15px;font-weight:600}.menu-item-create-page form label{display:flex;flex-direction:column;gap:4px;font-size:14px;font-weight:500;color:#333}.menu-item-create-page form small{display:flex;align-items:center;gap:6px;margin:0;font-size:12px;color:#7B7B7B;margin-top:5px}.menu-item-create-page form input[type="text"],.menu-item-create-page form input[type="number"],.menu-item-create-page form input[type="password"],.menu-item-create-page form input[type="file"],.menu-item-create-page form select,.menu-item-create-page form textarea{width:100%;height:40px;padding:8px 12px;border:1px solid #ccc;border-radius:6px;font-size:14px;background:white;outline:none}.menu-item-create-page form input[type="text"]:focus,.menu-item-create-page form input[type="number"]:focus,.menu-item-create-page form input[type="password"]:focus,.menu-item-create-page form input[type="file"]:focus,.menu-item-create-page form select:focus,.menu-item-create-page form textarea:focus{border-color:#007bff;box-shadow:0 0 0 2px rgba(0,123,255,0.2)}.menu-item-create-page form textarea{min-height:80px;resize:vertical}.menu-item-create-page form .checkbox-label{flex-direction:row;align-items:center;gap:8px;font-weight:500;color:#333;font-size:14px}.menu-item-create-page form .checkbox-label input[type="checkbox"]{width:18px;height:18px;cursor:pointer}.menu-item-create-page form .submit-block{display:flex;justify-content:flex-end;margin-top:10px}.menu-item-create-page form .submit-block .ebutton{font-size:16px;padding:10px 20px}.menu-item-create-page .error-msg{color:#9d3333;font-weight:bold;margin-bottom:12px}.menu-item-create-page .options-block{background:#fafafa;border:1px solid #ddd;border-radius:8px;padding:16px}.menu-item-create-page .options-block h3{margin-bottom:16px;font-size:18px;font-weight:600}.menu-item-create-page .options-block .option-row{display:grid;grid-template-columns:1fr 120px auto auto;gap:12px;align-items:center;margin-bottom:12px}.menu-item-create-page .options-block .option-row input[type="text"],.menu-item-create-page .options-block .option-row input[type="password"],.menu-item-create-page .options-block .option-row input[type="number"],.menu-item-create-page .options-block .option-row select{height:36px;padding:6px 10px;border:1px solid #ccc;border-radius:4px;font-size:14px}.menu-item-create-page .options-block .option-row .checkbox-label{display:flex;align-items:center;font-size:14px;gap:6px;white-space:nowrap}.menu-item-create-page .options-block .option-row .remove-btn{padding:6px 12px;font-size:14px;border:none;border-radius:4px;background:#dc3545;color:white;cursor:pointer}.menu-item-create-page .options-block .option-row .remove-btn:hover{background:#b02a37}.menu-item-create-page .options-block .add-option-btn{margin-top:8px;padding:8px 14px;font-size:14px;border:1px solid #007bff;border-radius:4px;background:white;color:#007bff;cursor:pointer}.menu-item-create-page .options-block .add-option-btn:hover{background:#007bff;color:white}