.menu-container{border-radius:12px;box-shadow:0 2px 8px #00000014;box-sizing:border-box;margin:0 6px;padding:24px 0;width:calc(100% - 12px)}.menu-container h2{color:#1a1a1a;font-size:28px;font-weight:600;margin:0 0 8px}.menu-intro{display:none}.category-section{box-sizing:border-box;margin:0 0 8px;width:100%}.category-header{background:linear-gradient(135deg,#f8f9fa,#f0f1f3);border-bottom:1px solid #e0e0e0;padding:18px;transition:all .3s ease;-webkit-user-select:none;user-select:none}.category-header:hover{background:linear-gradient(135deg,#f0f1f3,#e8eaed)}.category-header.expanded{background:linear-gradient(135deg,#ed7d31,#d9651a);border-bottom:none}.category-header.expanded h3{color:#fff}.category-header.expanded .item-count{color:#ffffffe6}.category-header.expanded .toggle-icon{color:#fff}.subcategory-block{background:#fbfbfb;border:1px solid #ececec;border-left:6px solid #ed7d31;border-radius:10px;box-sizing:border-box;margin:0;overflow:hidden;width:100%}.subcategory-header{align-items:center;background:linear-gradient(90deg,#fff6ee,#fff9f2);cursor:pointer;display:flex;gap:12px;justify-content:space-between;padding:12px 16px;transition:background .2s ease}.subcategory-header:hover{background:linear-gradient(90deg,#fff1df,#fff5eb)}.subcategory-title-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.subcategory-header h4{color:#222;font-size:15px;font-weight:700;margin:0}.subcategory-toggle{color:#555;font-size:14px;min-width:24px;text-align:right}.subcategory-items{border-top:1px solid #ececec;padding:12px 0 0}.subcategory-collapsed-summary{background:#f9f9f9;color:#666;font-size:13px;padding:12px 16px}.header-content{gap:12px}.category-header h3{color:#1a1a1a;font-size:18px;font-weight:600;margin:0;transition:color .3s ease}.item-count{background:#e8e8e8;border-radius:12px;color:#999;font-size:12px;font-weight:500;padding:2px 8px}.toggle-icon{color:#666;font-size:12px;transition:transform .3s ease}.category-items{display:flex;flex-direction:column;gap:0}.menu-item{border-bottom:1px solid #f0f0f0;gap:16px;padding:16px 18px;transition:all .2s ease}.menu-item:hover{background:#fafafa}.menu-item.in-cart{background:#f0f7ff}.menu-item.unavailable{background:#f5f5f5}.item-details{min-width:0}.item-header{gap:10px;margin-bottom:6px}.item-header,.item-header-image{align-items:center;display:flex;justify-content:space-between}.item-header-image{gap:14px}.item-header-row{align-items:center;display:flex;gap:10px;justify-content:space-between;width:100%}.item-image-thumb{background:#f5f5f5;border-radius:12px;flex-shrink:0;height:82px;overflow:hidden;width:82px}.item-image-thumb img{display:block;height:100%;object-fit:cover;width:100%}.item-details h4{color:#1a1a1a;font-size:16px;font-weight:600;margin:0;word-break:break-word}.cart-badge{background:#4caf50;border-radius:12px;display:inline-block;font-size:11px;font-weight:600;padding:2px 8px;white-space:nowrap}.item-description{line-height:1.4;margin:6px 0;word-break:break-word}.item-meta{flex-wrap:wrap;margin-top:8px}.badge{border-radius:6px;font-weight:500;padding:4px 10px;white-space:nowrap}.badge.veg{border:1px solid #c8e6c9;color:#2e7d32}.badge.time{background:#fff3e0;border:1px solid #ffe0b2;color:#e65100}.badge.unavailable{background:#ffebee;border:1px solid #ffcdd2;color:#c62828}.item-footer{gap:12px;min-width:320px}.price-section{align-items:center;display:flex}.price{color:#ed7d31;font-size:18px;min-width:60px}.mobile-item-summary{display:none}.food-type-symbol{border:1.5px solid;border-radius:2px;color:#2e7d32;display:inline-grid;flex:0 0 auto;height:15px;place-items:center;width:15px}.food-type-symbol:after{background:currentColor;border-radius:50%;content:"";height:7px;width:7px}.food-type-symbol.non-veg{color:#c62828}.quantity-control{flex:1 1;gap:8px}.qty-selector{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:6px;display:flex;transition:all .2s ease}.qty-selector:hover{border-color:#ed7d31}.qty-btn{font-size:16px;height:32px;width:32px}.qty-display{border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0;color:#1a1a1a;font-weight:600;text-align:center;width:40px}.add-btn{background:linear-gradient(135deg,#ed7d31,#d9651a);border-radius:6px;flex:1 1;min-width:140px;transition:all .3s ease}.add-btn:hover:not(:disabled){background:linear-gradient(135deg,#d9651a,#c1541b);box-shadow:0 4px 12px #ed7d314d;transform:translateY(-2px)}.add-btn:active:not(:disabled){transform:translateY(0)}.add-btn.unavailable,.add-btn:disabled{background:#ccc;cursor:not-allowed;transform:none}.no-items{color:#999;padding:32px 18px;text-align:center}.no-items p{font-size:14px;margin:0}.view-menu-btn{background:#1976d2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:600;padding:10px;transition:background .3s;width:100%}.view-menu-btn:hover{background:#1565c0}.mt-20{margin-top:20px}.text-center{text-align:center}.flex{display:flex}.flex-between{align-items:center;display:flex;justify-content:space-between}.gap-10{gap:10px}.menu-controls{background:#fff;border-bottom:1px solid #e0e0e0;box-shadow:0 4px 12px #0000000a;margin-bottom:12px;padding-bottom:12px;padding-top:12px;position:-webkit-sticky;position:sticky;top:0;z-index:90}.home-page .menu-container>.menu-controls{box-sizing:border-box;margin-left:0;margin-right:0;max-width:100%;width:100%}.category-navigation{display:none}.search-and-filter-row{grid-gap:12px;align-items:stretch;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:12px}.search-bar{min-width:0;position:relative}.search-input{border:2px solid #e0e0e0;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:14px;height:48px;padding:12px 40px 12px 16px;transition:all .3s ease;width:100%}.filter-dropdown:hover{border-color:#ed7d31;box-shadow:0 2px 6px #ed7d311a}.filter-dropdown:focus{border-color:#ed7d31;box-shadow:0 0 0 3px #ed7d311a;outline:none}.filter-dropdown-container{align-items:center;display:flex;flex:1 1;height:48px;min-width:0}.filter-label{color:#333;font-size:14px;font-weight:600;white-space:nowrap}.filter-dropdown{background-color:#fff;border:2px solid #e0e0e0;border-radius:8px;box-sizing:border-box;color:#333;cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;height:48px;min-width:0;padding:10px 12px;transition:all .3s ease;width:100%}.filters-section{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;display:none;margin-bottom:12px;padding:12px;position:static}.filters-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.filters-label{color:#333;font-size:14px;font-weight:600}.clear-all-btn,.clear-filters-btn{background:#f5f5f5;border:none;border-radius:8px;color:#333;cursor:pointer;font-size:12px;font-weight:600;padding:8px 12px;transition:all .2s ease}.clear-all-btn:hover,.clear-filters-btn:hover{background:#e0e0e0}.filters-container{display:flex;flex-wrap:wrap;gap:8px}.filter-btn{border:2px solid #ddd;border-radius:20px;font-size:13px;font-weight:500;padding:8px 14px}.filter-btn:hover{border-color:#ed7d31;color:#ed7d31}.filter-btn.active{background:#ed7d31;border-color:#ed7d31;box-shadow:0 2px 6px #ed7d314d}.item-name-veg{align-items:center;display:flex;gap:8px}.veg-icon{font-size:18px;min-width:20px;text-align:center}.item-image-container{background:#f5f5f5;border-radius:8px;height:150px;margin:12px 0;overflow:hidden;width:100%}.item-image{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.item-image:hover{transform:scale(1.05)}.customize-btn{background:#fff3e0;border:2px solid #ffb74d;border-radius:6px;color:#e65100;cursor:pointer;font-size:12px;font-weight:600;padding:8px 12px;transition:all .3s ease;white-space:nowrap}.customize-btn:hover{background:#ffe0b2;border-color:#ffa726}.customize-btn.active{background:#ffb74d;border-color:#ff9800;color:#fff}.customization-panel{background:#fff8e1;border-left:4px solid #ffc107;border-radius:8px;margin-top:12px;padding:12px}.customization-title{color:#333;font-size:13px;font-weight:600;margin-bottom:10px}.portion-options{display:flex;flex-wrap:wrap;gap:8px}.portion-option{align-items:center;background:#fff;border:2px solid #ddd;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;font-size:12px;gap:4px;min-width:70px;padding:8px 12px;text-align:center;transition:all .3s ease}.portion-option:hover{background:#fff3e0;border-color:#ff9800}.portion-option.selected{background:#ff9800;border-color:#ff9800;color:#fff;font-weight:600}.portion-size{font-size:13px;font-weight:600}.portion-modifier{font-size:11px;opacity:.8}.portion-option.unavailable{cursor:not-allowed;opacity:.5}.portion-option.unavailable,.portion-option.unavailable:hover{background:#f5f5f5;border-color:#ccc}.portion-wrapper{flex-direction:column;gap:4px}.item-actions,.portion-wrapper{align-items:center;display:flex}.item-actions{flex-wrap:wrap;gap:8px}.menu-item{background:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:12px;padding:16px;transition:all .3s ease}.menu-item:hover{border-color:#ed7d31;box-shadow:0 4px 12px #0000001a}.menu-item.unavailable{background:#f9f9f9;opacity:.6}.menu-item.in-cart{background:#f1f8f4;border-color:#4caf50}.preferences-btn{background:#f3e5f5;border:2px solid #ba68c8;border-radius:6px;color:#6a1b9a;cursor:pointer;font-size:12px;font-weight:600;padding:8px 12px;transition:all .3s ease;white-space:nowrap}.preferences-btn:hover{background:#e1bee7;border-color:#ab47bc}.preferences-btn.active{background:#ba68c8;border-color:#9c27b0;color:#fff}.preferences-panel{background:#f8f4f9;border-left:4px solid #ba68c8;border-radius:8px;margin-top:12px;padding:12px}.preference-group{margin-bottom:14px}.preference-group:last-child{margin-bottom:0}.preference-group-title{align-items:center;display:flex;gap:8px;margin-bottom:8px}.preference-group-title h5{color:#333;font-size:13px;font-weight:600;margin:0}.required-badge{background:#f3e5f5;border-radius:4px;color:#6a1b9a;display:inline-block;font-size:10px;font-weight:600;padding:2px 8px}.preference-description{color:#888;font-size:11px;margin-bottom:8px;margin-left:2px}.preference-options{display:flex;flex-direction:column;gap:6px;margin-left:8px}.preference-option{align-items:center;cursor:pointer;display:flex;gap:8px;padding:4px 0}.preference-option input[type=checkbox]{accent-color:#ba68c8;cursor:pointer;height:16px;width:16px}.preference-option input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.preference-label{color:#333;flex:1 1;font-size:12px}.preference-price{color:#6a1b9a;font-size:11px;font-weight:600;min-width:45px;text-align:right}.preference-option.unavailable{cursor:not-allowed;opacity:.5}.preference-option.unavailable input[type=checkbox]{cursor:not-allowed}.preference-label.unavailable-label{color:#999}.preference-badge{font-size:10px;margin-left:8px;padding:2px 6px}.price-stack{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.original-price{color:#8b8b8b;font-size:14px;font-weight:500;text-decoration:line-through}.discounted-price{color:#ed7d31;font-size:18px;font-weight:700}.discount-badge{background:#e8f5e9;border:1px solid #c8e6c9;border-radius:999px;color:#2e7d32;font-size:11px;font-weight:700;padding:4px 8px}@media (max-width:768px){.search-and-filter-row{align-items:center;flex-direction:row;gap:8px}.search-bar{flex:1 1 auto;width:auto}.filter-dropdown-container{align-items:center;flex:1 1;flex-direction:row;width:auto}.filter-dropdown{min-width:0;width:100%}}@media (max-width:900px){.mobile-menu-view .menu-container{border-radius:12px;margin:0;padding:16px 0 0;width:100%}.mobile-menu-view .menu-container h2,.mobile-menu-view .menu-intro{margin-left:16px;margin-right:16px}.mobile-menu-view .menu-controls{margin-left:0;margin-right:0;padding-left:16px;padding-right:16px;width:100%}.mobile-menu-view .category-navigation{background:#fff;border-bottom:1px solid #ececec;box-shadow:0 4px 10px #0000000a;display:block;padding:8px 16px;position:-webkit-sticky;position:sticky;top:72px;z-index:89}.mobile-menu-view .category-navigation-scroll{-webkit-overflow-scrolling:touch;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}.mobile-menu-view .category-navigation-scroll::-webkit-scrollbar{display:none}.mobile-menu-view .category-navigation-chip{align-items:center;background:#fff8f2;border:1px solid #f0c29f;border-radius:999px;color:#9a4c19;cursor:pointer;display:inline-flex;flex:0 0 auto;font-size:12px;font-weight:600;gap:6px;padding:8px 11px;white-space:nowrap}.mobile-menu-view .category-navigation-chip.active{background:#ed7d31;border-color:#ed7d31;color:#fff}.mobile-menu-view .category-navigation-count{background:#ffffff52;border-radius:999px;font-size:10px;min-width:18px;padding:1px 5px;text-align:center}.mobile-menu-view .category-navigation-chip:not(.active) .category-navigation-count{background:#f6dfcf}.mobile-menu-view .category-items,.mobile-menu-view .subcategory-items{padding:0}.mobile-menu-view .subcategory-block{border:1px solid #ececec;border-left:6px solid #ed7d31;border-radius:10px;margin:8px 0;overflow:hidden;width:100%}.mobile-menu-view .subcategory-header{padding-left:16px;padding-right:16px}.mobile-menu-view .menu-item{border-radius:0;border-width:0 0 1px;margin:0;padding:16px;width:100%}.mobile-menu-view .menu-item:last-child{border-bottom:0}.mobile-menu-view .item-footer{min-width:0;width:100%}.mobile-menu-view .item-footer>.price-section{display:none}.mobile-menu-view .mobile-item-summary{align-items:center;display:flex;gap:8px;margin:2px 0 8px}.mobile-menu-view .mobile-item-summary .price{font-size:17px;min-width:0}.mobile-menu-view .item-meta .badge.veg{display:none}.mobile-menu-view .item-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;width:100%}.mobile-menu-view .customize-btn{font-size:11px;order:1;padding:8px 9px}.mobile-menu-view .preferences-btn{font-size:11px;order:2;padding:8px 9px}.mobile-menu-view .quantity-control{flex:0 0 auto;order:3}.mobile-menu-view .qty-btn{height:30px;width:28px}.mobile-menu-view .qty-display{width:32px}.mobile-menu-view .add-btn{flex:0 0 100%;min-height:42px;order:4;width:100%}.mobile-menu-view .category-header{align-items:center;display:flex;gap:8px;justify-content:space-between;min-height:0;padding:12px 14px}.mobile-menu-view .header-content{align-items:center;display:flex;flex:1 1;gap:8px;min-width:0;overflow:hidden}.mobile-menu-view .category-header h3{font-size:15px;letter-spacing:-.01em;line-height:1.2;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-menu-view .item-count{display:inline-block;flex-shrink:0;font-size:10px;line-height:1.2;padding:2px 6px}.mobile-menu-view .toggle-icon{display:inline-block;flex-shrink:0;font-size:11px;line-height:1;margin-left:2px}.mobile-menu-view .category-section{border-radius:12px;margin:0 0 12px;scroll-margin-top:132px;width:100%}}@media (max-width:480px){.search-input{font-size:14px;padding:10px 40px 10px 14px}.filter-dropdown{font-size:13px;padding:10px}.filter-label{font-size:12px}.menu-controls{margin-bottom:8px;padding-bottom:8px;padding-top:8px}.search-and-filter-row{gap:8px;margin-bottom:8px}}.call-waiter-card{background:linear-gradient(135deg,#fff7e4,#fff1d7);border:1px solid #f1b24a;border-radius:14px;color:#3c2e1c;cursor:pointer;flex-direction:column;overflow:hidden;padding:16px;position:relative;text-align:left;transition:all .25s ease;width:100%}.call-waiter-card:hover{box-shadow:0 8px 24px #f1b24a2e;transform:translateY(-1px)}.call-waiter-card.called{background:linear-gradient(135deg,#e8f5e9,#dcedc8);border-color:#81c784}.call-waiter-card:disabled,.call-waiter-card[disabled]{cursor:not-allowed;opacity:.9}.call-waiter-info{gap:14px}.call-waiter-card .icon{background:#ffb74d;border-radius:12px;color:#fff;display:grid;flex-shrink:0;font-size:20px;height:42px;place-items:center;width:42px}.call-waiter-card.called .icon{background:#66bb6a}.call-waiter-card .text{flex:1 1}.call-waiter-card .title{font-size:16px;margin-bottom:4px}.call-waiter-card .subtitle{color:#6d4c41;font-size:13px}.call-waiter-card.called{background:linear-gradient(135deg,#e8f5e9,#d0f0d8);border-color:#43a047}.call-waiter-card.called .icon{background:#43a047}.call-now{display:none}.cw-error,.cw-success{font-size:13px;margin-top:12px}.active-request{background:#e8f5e9;border:2px solid #4caf50;border-radius:8px;margin-bottom:16px;padding:16px}.request-status{margin-bottom:12px}.request-status h4{color:#1b5e20;font-size:16px;margin:0 0 12px}.status-info{color:#333;display:flex;flex-direction:column;font-size:14px;gap:8px}.status-badge{background:#4caf50;border-radius:12px;color:#fff;padding:4px 12px;width:-webkit-fit-content;width:fit-content}.status-badge.pending{background:#ff9800}.status-badge.acknowledged{background:#2196f3}.reason{border-left:3px solid #4caf50}.description,.reason{background:#fff;border-radius:6px;margin:8px 0;padding:8px}.description{color:#555;font-style:italic}.timestamp{color:#666;font-size:12px;margin:8px 0}.cancel-btn{background:#f44336;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:10px;transition:all .3s ease;width:100%}.cancel-btn:hover:not(:disabled){background:#d32f2f}.cancel-btn:disabled{cursor:not-allowed;opacity:.6}.waiter-modal{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-overlay{cursor:pointer;position:absolute}.modal-content{box-shadow:0 10px 40px #0000004d;max-width:500px;padding:24px;position:relative}.modal-header{margin-bottom:20px}.modal-header h3{color:#333;font-size:20px;margin:0}.close-modal{align-items:center;background:none;border:none;color:#999;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;transition:color .3s ease;width:30px}.close-modal:hover{color:#333}.waiter-form{display:flex;flex-direction:column;gap:16px}.form-group{gap:10px}.reason-options{display:flex;flex-direction:column;gap:8px}.reason-label{align-items:center;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;display:flex;gap:10px;padding:10px;transition:all .3s ease}.reason-label:hover{background:#f5f5f5;border-color:#2196f3}.reason-label input[type=radio]{cursor:pointer;height:18px;width:18px}.reason-text{color:#333;flex:1 1;font-size:14px}.reason-label input[type=radio]:checked~.reason-text{color:#2196f3;font-weight:600}#description{border:1px solid #e0e0e0;border-radius:6px;font-family:inherit;font-size:13px;padding:12px;resize:vertical;transition:border-color .3s ease}#description:focus{border-color:#2196f3;box-shadow:0 0 0 3px #2196f31a;outline:none}.form-actions{display:flex;gap:10px;margin-top:10px}.btn-cancel,.btn-submit{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px;transition:all .3s ease}.btn-cancel{background:#f5f5f5;border:1px solid #e0e0e0;color:#333}.btn-cancel:hover{background:#e8e8e8}.btn-submit{background:linear-gradient(135deg,#2196f3,#1976d2);box-shadow:0 2px 8px #2196f34d;color:#fff}.btn-submit:hover:not(:disabled){box-shadow:0 4px 12px #2196f366;transform:translateY(-2px)}.btn-submit:disabled{cursor:not-allowed;opacity:.6}.alert{border-radius:6px;gap:10px;margin-bottom:16px}.alert-success{background:#c8e6c9;border-left:4px solid #4caf50;color:#1b5e20}.alert-error{background:#ffcdd2;border-left:4px solid #f44336;color:#b71c1c}.close-alert{background:none;border:none;color:inherit;cursor:pointer;font-size:18px;margin-left:auto;padding:0}.close-alert:hover{opacity:.7}@media (max-width:768px){.modal-content{padding:16px;width:95%}.reason-label{align-items:flex-start}.form-actions,.reason-label{flex-direction:column}.btn-cancel,.btn-submit{width:100%}}.call-waiter-card{align-items:center;background:linear-gradient(90deg,#fff,#fff 70%);border:1px solid #f0f0f0;border-radius:8px;display:flex;gap:12px;padding:10px}.call-waiter-info{align-items:center;display:flex;flex:1 1;gap:10px}.call-waiter-card .icon{font-size:22px}.call-waiter-card .title{color:#1a1a1a;font-weight:700}.call-waiter-card .status{color:#666;font-size:12px}.call-now{background:linear-gradient(135deg,#ed7d31,#d9651a);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;padding:8px 12px}.call-now:disabled{cursor:not-allowed;opacity:.7}.cw-success{color:#2e7d32}.cw-error,.cw-success{font-size:13px;margin-top:8px}.cw-error{color:#c62828}.cart-container{border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;height:100%;max-height:100vh;overflow:auto;padding:24px}.cart-container h2{border-bottom:2px solid #f0f0f0;color:#1a1a1a;font-size:24px;font-weight:600;margin:0 0 20px;padding-bottom:12px}.mobile-cart-container{border:1px solid #f0f0f0;border-radius:18px;box-shadow:none;max-height:none;min-height:65vh}.cart-empty{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px}.empty-icon{font-size:64px;margin-bottom:16px;opacity:.5}.cart-empty p{color:#666;margin:8px 0}.cart-empty p:first-of-type{color:#333;font-size:18px;font-weight:600}.empty-hint{color:#999!important;font-size:13px}.cart-content{display:flex;flex:1 1;flex-direction:column;gap:16px}.cart-items{display:flex;flex:1 1;flex-direction:column;gap:12px;padding-right:8px}.cart-items::-webkit-scrollbar{width:6px}.cart-items::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.cart-items::-webkit-scrollbar-thumb{background:#ddd;border-radius:4px}.cart-items::-webkit-scrollbar-thumb:hover{background:#ccc}.cart-item{background:#f9f9f9;border:1px solid #f0f0f0;border-radius:8px;gap:12px;padding:14px;transition:all .2s ease}.cart-item:hover{background:#f5f5f5;border-color:#e0e0e0;box-shadow:0 2px 6px #0000000d}.item-info{min-width:0}.item-info h4{align-items:center;color:#1a1a1a;display:flex;flex-wrap:wrap;font-size:15px;font-weight:600;gap:6px;margin:0 0 4px;word-break:break-word}.portion-tag{background:#ff9800;font-size:11px;padding:3px 10px}.portion-tag,.preference-tag{border-radius:4px;color:#fff;display:inline-block;font-weight:600;margin-left:6px;word-break:break-word}.preference-tag{background:#ba68c8;font-size:10px;padding:2px 8px;white-space:nowrap}.item-price-each{color:#666;font-size:13px;margin:0}.item-price-each span{color:#ed7d31;font-weight:600}.item-controls{align-items:center;display:flex;gap:8px}.quantity-control{background:#fff;border:1px solid #ddd;border-radius:4px}.qty-btn,.quantity-control{align-items:center;display:flex}.qty-btn{background:none;border:none;color:#ed7d31;cursor:pointer;font-size:14px;font-weight:600;height:28px;justify-content:center;transition:all .2s ease;width:28px}.qty-btn:hover{background:#fff3e0}.qty-btn:active{background:#ffe0b2}.qty-value{border-left:1px solid #ddd;border-right:1px solid #ddd;color:#1a1a1a;font-size:13px;font-weight:600;text-align:center;width:32px}.remove-btn{background:#ffebee;color:#c62828;font-weight:600;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.remove-btn:hover{background:#ffcdd2}.remove-btn:active{transform:scale(.98)}.cart-divider{background:#e0e0e0;height:1px;margin:8px 0}.special-requests{display:flex;flex-direction:column;gap:8px}.special-requests label{color:#333;font-size:13px;font-weight:600}.special-requests textarea{border-radius:6px;font-size:13px;max-height:100px;min-height:60px;transition:border-color .2s ease}.special-requests textarea:focus{border-color:#ed7d31;box-shadow:0 0 0 3px #ed7d311a;outline:none}.char-count{color:#999;font-size:11px;text-align:right}.cart-summary{border-bottom:1px solid #f0f0f0;border-top:2px solid #f0f0f0;padding:12px 0}.summary-row{color:#666}.summary-row span:last-child{color:#1a1a1a;font-weight:600}.summary-row.total{padding:12px 0}.summary-row.discount-row,.summary-row.discount-row span:last-child{color:#2e7d32}.checkout-btn{background:linear-gradient(135deg,#ed7d31,#d9651a);border-radius:8px;font-size:15px;margin-top:12px;padding:14px 20px;transition:all .3s ease}.checkout-btn:hover:not(:disabled){background:linear-gradient(135deg,#d9651a,#c1541b);box-shadow:0 6px 20px #ed7d314d;transform:translateY(-2px)}.checkout-btn:active:not(:disabled){transform:translateY(0)}.checkout-btn:disabled{background:#ccc;cursor:not-allowed;opacity:.7}.cart-tabs{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-bottom:10px}.cart-tab{background:#f7f7f7;border:1px solid #e0e0e0;border-radius:8px;color:#444;cursor:pointer;font-weight:600;padding:10px 12px;transition:all .2s ease}.cart-tab.active{background:linear-gradient(135deg,#ed7d31,#d9651a);border-color:#0000;box-shadow:0 6px 16px #ed7d3133;color:#fff}.orders-tab-content{gap:12px;padding-top:8px}.empty-orders,.orders-tab-content{display:flex;flex-direction:column}.empty-orders{align-items:center;border:1px dashed #d9d9d9;border-radius:12px;color:#666;justify-content:center;min-height:220px;padding:20px;text-align:center}.empty-orders p{color:#333;font-weight:600;margin:0 0 6px}.placed-order-card{background:#fffaf5;border:1px solid #f4d9c6;border-radius:10px;padding:14px}.placed-order-header{align-items:center}.placed-order-header,.placed-order-meta{display:flex;justify-content:space-between;margin-bottom:8px}.placed-order-meta{color:#666;font-size:12px;gap:12px}.order-status-pill{background:#e9f7ef;border-radius:999px;color:#1b7f45;font-size:11px;font-weight:700;padding:4px 8px}.placed-order-items{color:#444;font-size:13px;line-height:1.7;margin:0;padding-left:18px}@media (max-width:768px){.cart-container{border:1px solid #0000000a;border-radius:18px 18px 0 0;box-shadow:0 -8px 30px #0000001f;max-height:100%;max-height:60vh;min-height:220px;padding:16px}.mobile-cart-container{border:1px solid #f2f2f2;border-radius:18px;box-shadow:none;max-height:calc(100vh - 180px);min-height:68vh;padding:12px 12px 18px}.cart-container h2{font-size:18px;margin-bottom:10px;padding-bottom:10px}.cart-item{align-items:flex-start;flex-direction:column}.item-controls{justify-content:space-between;width:100%}.cart-tabs{background:#fff;margin-bottom:8px;padding-top:4px;position:-webkit-sticky;position:sticky;top:0;z-index:5}.cart-tab{font-size:13px;padding:10px 8px}.cart-summary{padding-top:6px}.checkout-btn{border-radius:12px;font-size:15px;padding:14px 18px;width:100%}}@media (max-width:480px){.cart-container{border-radius:18px 18px 0 0;max-height:56vh;padding:12px 12px 14px}.mobile-cart-container{max-height:calc(100vh - 170px);min-height:62vh}.cart-container h2{font-size:16px;margin-bottom:8px}.cart-item{padding:10px 8px}.item-info h4{font-size:14px}.cart-item .item-price-each{font-size:12px}.special-requests textarea{min-height:54px}}.waiter-card-top{margin-bottom:8px}.login-page{align-items:center;display:flex;justify-content:center;padding:40px 20px}.login-card{background:#fff;border:1px solid #e6e6e6;border-radius:8px;box-shadow:0 6px 18px #00000014;display:flex;flex-direction:column;gap:12px;max-width:94%;padding:28px;width:420px}.login-card h2{color:#222;font-size:20px;margin:0 0 6px}.login-card .muted{color:#777;font-size:13px;margin-bottom:6px}.login-card label{color:#333;font-size:13px;font-weight:600}.login-card form{display:flex;flex-direction:column;gap:10px}.login-card input{background:#fbfdff;border:1px solid #e3e6ea;border-radius:8px;font-size:15px;padding:12px 14px;transition:box-shadow .12s ease,border-color .12s ease}.login-card input:focus{border-color:#7aa7ff;box-shadow:0 4px 16px #7aa7ff1f;outline:none}.login-btn{background:#06c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:700;margin-top:8px;padding:10px 14px}.secondary-btn{border:1px solid #d6dcea;border-radius:6px;color:#333}.secondary-btn,.tab-btn{background:#0000;cursor:pointer;padding:8px 12px}.tab-btn{border:1px solid #0000;border-radius:8px;color:#3b4a5a;flex:1 1 auto;font-weight:700}.tab-btn.active{background:linear-gradient(180deg,#f6f9ff,#eaf3ff);border-color:#cfe1ff;box-shadow:0 6px 18px #0e4da40f;color:#033a8c}.login-btn:disabled{cursor:default;opacity:.7}.login-card .note{color:#666;font-size:12px;margin-top:8px}.login-card h2{color:#0f1724;font-size:22px;margin-bottom:2px}.muted{color:#6b7280}@media (max-width:480px){.login-card{box-shadow:0 8px 30px #0000000f;padding:18px;width:100%}.tab-btn{padding:10px 8px}}.home-header{position:relative}.header-content,.home-header{align-items:center;display:flex;justify-content:space-between}.header-content{gap:20px;width:100%}.header-title{flex:1 1}.header-title h1{margin:0}.header-title p{margin:8px 0 0}.header-login-btn{align-items:center;background:linear-gradient(135deg,#ed7d31,#d9651a);border:none;border-radius:8px;box-shadow:0 2px 8px #ed7d3140;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;justify-content:center;padding:10px 24px;transition:all .3s ease;white-space:nowrap}.header-login-btn:hover{box-shadow:0 4px 12px #ed7d3159;transform:translateY(-2px)}.header-user-section{align-items:center;display:flex;gap:12px;white-space:nowrap}.user-menu-wrapper{position:relative}.user-profile-button{align-items:center;background:#fff;border:1px solid #ddd;border-radius:8px;color:#333;cursor:pointer;display:inline-flex;gap:4px;height:38px;justify-content:center;min-width:52px;padding:8px 10px;transition:all .2s ease}.user-profile-button:hover{background:#f5f5f5;border-color:#999}.user-profile-icon,.user-profile-icon-large{font-size:16px;line-height:1}.user-profile-caret{color:#666;font-size:14px;line-height:1}.user-profile-dropdown{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 12px 32px #0000001f;min-width:220px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}.user-profile-row{background:#fafafa;border-bottom:1px solid #ececec;color:#1a1a1a;font-weight:600;padding:12px 14px}.user-dropdown-item,.user-profile-row{align-items:center;display:flex;font-size:14px;gap:10px}.user-dropdown-item{background:#fff;border:none;color:#333;cursor:pointer;padding:11px 14px;text-align:left;transition:background .2s ease;width:100%}.user-dropdown-item:hover{background:#f5f5f5}.logout-item{color:#d1495b}.logout-item:hover{background:#ffe8ea}.user-dropdown-icon{font-size:14px;text-align:center;width:16px}.admin-panel-btn,.logout-btn,.user-info,.user-name,.user-role{display:none}.header-login-btn:active{transform:translateY(0)}.home-header .header-waiter{position:absolute;right:24px;top:18px}@media (min-width:901px){.header-login-btn{display:inline-flex!important}.header-user-section{align-items:center;display:flex!important;gap:12px}.desktop-menu-layout{display:block!important}.mobile-menu-layout{display:none!important}}@media (max-width:900px){.header-user-section{display:none}.header-user-section.mobile-account-header-visible{display:flex}.desktop-menu-layout,.header-login-btn{display:none}.mobile-menu-layout{display:block;max-width:100%;padding-bottom:72px;width:100%}.mobile-account-view,.mobile-cart-view,.mobile-menu-view,.mobile-orders-view,.mobile-services-view{margin-bottom:0;padding:0}.account-section{background:#fff;border-radius:8px;margin-top:20px;padding:20px}.account-section h2{color:#ed7d31;font-size:20px;margin:0 0 12px}.admin-login-btn{align-items:center;background:linear-gradient(135deg,#ed7d31,#d9651a);border:none;border-radius:8px;box-shadow:0 2px 8px #ed7d3140;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;justify-content:center;margin-top:8px;padding:10px 16px}.admin-login-btn:active{transform:translateY(1px)}.mobile-bottom-nav{background:linear-gradient(135deg,#fff,#f8f8f8);border-top:1px solid #e0e0e0;bottom:0;box-shadow:0 -2px 8px #0000001a;gap:4px;left:50%;max-width:100%;padding:0 12px;position:fixed;transform:translateX(-50%);width:100%;z-index:999}.mobile-bottom-nav,.mobile-nav-item{align-items:center;display:flex;height:72px;justify-content:center}.mobile-nav-item{background:none;border:none;border-radius:8px;color:#666;cursor:pointer;flex:1 1;flex-direction:column;font-size:11px;min-width:60px;padding:6px 8px;transition:all .3s ease}.mobile-nav-item:active{background-color:#ed7d311a}.mobile-nav-item.active{background:linear-gradient(135deg,#ed7d31,#d9651a);box-shadow:0 2px 6px #ed7d314d;color:#fff;font-weight:600}.mobile-nav-icon-wrapper{align-items:center;display:flex;justify-content:center;position:relative}.mobile-nav-icon{display:block;font-size:20px;margin-bottom:2px}.cart-badge{align-items:center;animation:badgePulse .4s ease-out;background:linear-gradient(135deg,#ed7d31cc,#ff6b35cc);border:2px solid #ffffffe6;border-radius:50%;box-shadow:0 2px 4px #ed7d3159,0 0 0 1px #0000001f;color:#fff;display:flex;font-size:10px;font-weight:700;height:20px;justify-content:center;min-width:20px;position:absolute;right:-8px;top:-6px}@keyframes badgePulse{0%{opacity:.8;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.mobile-nav-label{font-size:10px;line-height:1.2;white-space:nowrap}}.qr-scanner-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);justify-content:center;margin:0 auto;max-width:600px;min-height:70vh;padding:32px}.qr-scanner-container,.scanner-content{align-items:center;border-radius:12px;display:flex;flex-direction:column}.scanner-content{background:#fff;box-shadow:0 10px 30px #0000001a;padding:30px 20px;width:100%}.scanner-content h2{color:#1a1a1a;font-size:26px;font-weight:700;margin:0 0 8px;text-align:center}.scanner-subtitle{color:#666;font-size:14px;margin:0 0 24px;max-width:100%;text-align:center}#qr-reader{animation:pulse 2s infinite;background:#f9f9f9;border:3px solid #667eea;border-radius:8px;box-shadow:0 4px 12px #667eea33;overflow:hidden}#qr-reader>video{border-radius:8px;display:block}.scan-error{animation:slideDown .3s ease-out;background-color:#ffebee;border-left:4px solid #f44336;border-radius:4px;margin:0 0 20px;padding:15px;width:100%}.scan-error p{color:#c62828;font-size:14px;font-weight:500;margin:0}.retry-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:8px;margin-top:20px;padding:12px 28px;transition:all .3s ease}.retry-btn:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}#qr-reader__scan_region{border-radius:8px}@media (max-width:768px){.qr-scanner-container{min-height:50vh;padding:16px}.scanner-content{padding:20px 16px}.scanner-content h2{font-size:22px}.scanner-subtitle{font-size:13px}#qr-reader{max-width:100%}}@media (max-width:480px){.qr-scanner-container{border-radius:0;min-height:100vh;padding:16px}.scanner-content{max-height:100vh;overflow-y:auto}.scanner-content h2{font-size:20px;margin-bottom:4px}.scanner-subtitle{font-size:12px;margin-bottom:16px}}.retry-btn:active{transform:translateY(0)}@media (max-width:768px){.qr-scanner-container{min-height:auto;padding:20px}.qr-scanner-container h2{font-size:22px}}.payment-container{border-radius:12px;box-shadow:0 4px 12px #0000001a;margin:40px auto;padding:32px}.payment-header{margin-bottom:28px;text-align:center}.payment-header h2{color:#1a1a1a;font-size:28px;font-weight:600;margin:0 0 8px}.order-id{color:#999;font-size:12px;letter-spacing:.5px;margin:0;text-transform:uppercase}.payment-amount{background:linear-gradient(135deg,#fff3e0,#ffe0b2);border:2px solid #ffcc80;border-radius:10px;margin-bottom:28px;padding:24px}.payment-amount p{color:#666;font-size:13px;font-weight:600;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.payment-amount strong{color:#ed7d31;display:block;font-size:36px;font-weight:700}.error-alert{align-items:center;animation:slideIn .3s ease;background:#ffebee;border:1px solid #ffcdd2;border-radius:8px;color:#c62828;display:flex;font-size:14px;gap:12px;margin-bottom:20px;padding:14px}.error-icon{font-size:18px}.payment-methods{margin-bottom:28px}.payment-methods h3{color:#333;font-size:15px;font-weight:600;letter-spacing:.5px;margin:0 0 16px;text-transform:uppercase}.payment-option{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;gap:12px;margin-bottom:10px;padding:14px 16px;transition:all .2s ease}.payment-option:last-child{margin-bottom:0}.payment-option:hover:not(:has(input:disabled)){background:#fff9f5;border-color:#ed7d31;box-shadow:0 2px 8px #ed7d311a}.payment-option input[type=radio]{accent-color:#ed7d31;cursor:pointer;flex-shrink:0;height:20px;width:20px}.payment-option input[type=radio]:disabled{cursor:not-allowed;opacity:.5}.option-content{align-items:center;display:flex;flex:1 1;gap:12px}.option-content .icon{flex-shrink:0;font-size:24px}.method-name{color:#1a1a1a;font-size:14px;font-weight:600;margin:0}.method-desc{color:#999;font-size:12px;margin:2px 0 0}.pay-btn{align-items:center;background:linear-gradient(135deg,#ed7d31,#d9651a);border-radius:8px;display:flex;gap:8px;justify-content:center;margin-bottom:16px;padding:16px;transition:all .3s ease}.pay-btn:hover:not(:disabled){background:linear-gradient(135deg,#d9651a,#c1541b);box-shadow:0 8px 24px #ed7d314d;transform:translateY(-2px)}.pay-btn:active:not(:disabled){transform:translateY(0)}.pay-btn:disabled{opacity:.7}.spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:14px;width:14px}@keyframes spin{to{transform:rotate(1turn)}}.payment-note{background:#f5f5f5;border-radius:6px;padding:12px;text-align:center}.payment-note p{color:#666;font-size:12px;margin:0}@media (max-width:768px){.payment-container{margin:20px;max-width:100%;padding:20px}.payment-header h2{font-size:24px}.payment-amount{padding:20px}.payment-amount strong{font-size:28px}.pay-btn{font-size:15px;padding:14px}}.order-status-container{border-radius:12px;box-shadow:0 4px 12px #0000001a;margin:40px auto;max-width:700px;padding:32px}.order-header{margin-bottom:20px;padding-bottom:16px}.order-header h3{font-size:24px;font-weight:600;margin:0}.status-badge{border-radius:20px;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase}.status-badge.pending{background:#ffe0b2;color:#e65100}.status-badge.confirmed{background:#c8e6c9;color:#1b5e20}.status-badge.preparing{background:#bbdefb;color:#0d47a1}.status-badge.ready{background:#f0f4c3;color:#827717}.status-badge.served{background:#c8e6c9;color:#1b5e20}.status-message{background:#f5f5f5;border:1px solid #e0e0e0;border-radius:8px;color:#333;font-size:15px;line-height:1.6;margin-bottom:24px;padding:16px;text-align:center}.status-timeline{align-items:flex-start;gap:2px;margin-bottom:32px}.status-step:not(:last-child):after{background:#e0e0e0;content:"";height:2px;left:50%;position:absolute;right:-50%;top:20px;z-index:0}.status-step.completed:not(:last-child):after{background:#4caf50}.step-dot{font-size:20px;font-weight:700;margin-bottom:8px;position:relative;transition:all .3s ease;z-index:1}.status-step.completed .step-dot{box-shadow:0 0 12px #4caf5066;color:#fff}.status-step.current .step-dot{animation:pulse 1.5s ease-in-out infinite;background:#2196f3;box-shadow:0 0 16px #2196f399;color:#fff}.step-label{max-width:80px}.status-step.completed .step-label{color:#2e7d32;font-weight:600}.status-step.current .step-label{color:#1565c0;font-weight:600}.step-title{font-size:13px;margin-bottom:2px}.step-status{color:#2196f3;font-size:10px;font-weight:600;margin-top:2px}.order-info{display:flex;flex-direction:column;gap:24px;margin-bottom:24px}.info-section{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;padding:16px}.info-section h4{color:#333;font-size:15px;font-weight:600;margin:0 0 12px}.order-details,.order-summary{display:flex;flex-direction:column;gap:8px}.detail-item{align-items:center;font-size:14px}.detail-item:last-child{border-bottom:none}.item-name{color:#333;flex:1 1}.item-qty{color:#666;font-weight:500;margin:0 12px}.item-price{color:#ed7d31;min-width:70px}.summary-row{align-items:center;color:#333;padding:8px 0}.summary-row.total{border-top:2px solid #ddd;color:#1a1a1a;font-weight:600;margin-top:8px;padding-top:12px}.summary-row.discount{color:#4caf50;font-weight:500}.summary-row span:last-child{font-weight:500;text-align:right}.summary-row.total span:last-child{color:#ed7d31;font-size:18px}.payment-status{border-radius:6px;font-size:13px;margin-top:12px;padding:10px;text-align:center}.payment-status.paid{color:#1b5e20}.payment-status.unpaid{background:#ffcdd2;color:#b71c1c}.payment-status.cancelled{background:#e0e0e0;color:#666}.estimated-time{background:#e3f2fd;border-radius:8px;color:#0d47a1;font-size:14px;font-weight:500;margin-bottom:16px;padding:12px;text-align:center}.ready-notification{animation:slideIn .5s ease;background:linear-gradient(135deg,#fff59d,#fff176);border:2px solid #fbc02d;border-radius:8px;color:#f57f17;font-size:16px;padding:16px}.error{background:#ffcdd2;color:#b71c1c;text-align:center}@media (max-width:768px){.order-status-container{margin:20px;max-width:100%;padding:20px}.order-header h3{font-size:20px}.status-badge{font-size:10px;padding:6px 12px}.status-timeline{gap:0;margin-bottom:24px}.step-dot{font-size:16px;height:32px;width:32px}.step-label{font-size:10px;max-width:70px}.status-step:not(:last-child):after{right:-50%;width:calc(100% - 8px)}.order-info{gap:16px}.info-section{padding:12px}.detail-item,.info-section h4,.summary-row{font-size:13px}}.ordering-page{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;flex-direction:column;min-height:100vh}.ordering-header{background:linear-gradient(135deg,#ed7d31,#d9651a);box-shadow:0 4px 12px #00000026;color:#fff;padding:24px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.ordering-header h1{font-size:28px;font-weight:700;margin:0;text-align:center}.header-waiter{position:absolute;right:24px;top:18px}.ordering-content{flex:1 1;overflow-y:auto;padding:24px 16px;position:relative}@media (min-width:769px){.ordering-content{padding:24px 16px}}@media (max-width:768px){.ordering-content{overflow-y:visible;padding:16px 0 72px}.ordering-header{padding:16px}.ordering-header h1{font-size:22px}}@media (max-width:480px){.ordering-content{overflow-y:visible;padding:0 0 72px}}.error-banner{align-items:center;animation:slideDown .3s ease;background:linear-gradient(135deg,#ffebee,#ffcdd2);border:2px solid #ef5350;border-radius:8px;color:#c62828;display:flex;font-weight:600;gap:12px;margin-bottom:24px;margin-left:auto;margin-right:auto;max-width:1400px;padding:16px;position:relative}.error-icon{flex-shrink:0;font-size:20px}.close-error{background:none;border:none;color:#c62828;cursor:pointer;flex-shrink:0;font-size:18px;margin-left:auto;padding:4px;transition:all .2s ease}.close-error:hover{transform:scale(1.2)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.qr-scanner{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin:0 auto;max-width:600px;padding:32px;text-align:center}.menu-page h2{color:#1a1a1a;font-size:32px;font-weight:700;margin:0 0 8px}.menu-page p{color:#666;font-size:16px;margin:0 0 24px}.menu-and-cart{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 380px;min-height:calc(100vh - 280px)}.menu-section{overflow-y:auto;padding-right:8px}.menu-section::-webkit-scrollbar{width:8px}.menu-section::-webkit-scrollbar-track{background:#0000000d;border-radius:4px}.menu-section::-webkit-scrollbar-thumb{background:#ddd;border-radius:4px}.menu-section::-webkit-scrollbar-thumb:hover{background:#ccc}.cart-section{height:-webkit-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:0}.desktop-menu-layout{display:block}.mobile-menu-layout{display:none}.mobile-panel{background:#fff;border-radius:18px 18px 0 0;box-shadow:0 -6px 22px #00000014;padding:12px 12px 10px}.mobile-panel-header{align-items:center;display:flex;justify-content:space-between;padding:2px 4px 12px}.mobile-panel-header h3{color:#1a1a1a;font-size:20px;margin:0}.mobile-service-card{background:#fffaf7;border:1px solid #f3d7be;border-radius:14px;margin-bottom:12px;padding:14px}.mobile-service-card.secondary{background:#f8f9fb;border-color:#e0e0e0}.mobile-service-card p{color:#444;font-weight:600;margin:0 0 12px}.mobile-bottom-nav{background:linear-gradient(135deg,#fff,#f8f8f8);border-top:1px solid #e0e0e0;bottom:0;box-shadow:0 -2px 8px #0000001a;display:none;gap:4px;left:50%;max-width:100%;padding:0 12px;position:fixed;transform:translateX(-50%);width:100%;z-index:100}.mobile-bottom-nav,.mobile-nav-item{align-items:center;height:72px;justify-content:center}.mobile-nav-item{background:#0000;border:none;border-radius:8px;color:#666;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:10px;font-weight:600;gap:2px;min-width:60px;padding:6px 8px;transition:all .3s ease}.mobile-nav-item:active{background-color:#ed7d311a}.mobile-nav-item.active{background:linear-gradient(135deg,#ed7d31,#d9651a);box-shadow:0 2px 6px #ed7d314d;color:#fff}.mobile-nav-icon-wrapper{align-items:center;display:flex;justify-content:center;position:relative}.mobile-nav-icon{font-size:20px;line-height:1}.cart-badge{align-items:center;animation:badgePulse .4s ease-out;background:linear-gradient(135deg,#ed7d31,#ff6b35);border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #ed7d3180,0 0 0 1px #00000026;color:#fff;display:flex;font-size:10px;font-weight:700;height:20px;justify-content:center;min-width:20px;position:absolute;right:-8px;top:-6px}@keyframes badgePulse{0%{opacity:.8;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.mobile-nav-label{font-size:10px;line-height:1.2;white-space:nowrap}.account-section{background:#fff;border-radius:8px;margin-top:20px;padding:20px}.account-section h2{color:#ed7d31;font-size:20px;margin:0 0 12px}@media (max-width:900px){.mobile-bottom-nav{display:flex}}@media (min-width:901px){.mobile-bottom-nav{display:none!important}}@media (max-width:768px){.ordering-page{background:#f7f3ef;min-height:100%}.desktop-menu-layout{display:none}.mobile-menu-layout{display:block}.mobile-bottom-nav{display:flex}.ordering-header{padding:16px}.ordering-header h1{font-size:22px}.ordering-content{padding:12px 0 72px}.menu-page{margin:0}.menu-page h2{font-size:24px;padding:0 12px}.menu-page p{margin-bottom:12px;padding:0 12px}.menu-and-cart{gap:12px;grid-template-columns:1fr;min-height:auto}.menu-section{max-height:none;overflow-y:visible;padding:0 0 12px}.cart-section{display:none}.payment-container{margin:20px;max-width:100%;padding:20px}.error-banner{font-size:14px;padding:12px}.completion-actions{flex-direction:column;width:100%}.action-btn{width:100%}.qr-scanner{margin:20px;max-width:100%;padding:20px}}@media (max-width:480px){.ordering-page{background:#fff}.ordering-header{padding:14px 16px}.ordering-header h1{font-size:18px}.menu-page h2{font-size:20px}.menu-and-cart{gap:12px}.error-banner{align-items:flex-start;flex-direction:column}.close-error{align-self:flex-end;margin-left:0}}.waiter-section{margin-top:20px}.admin-sidebar{background:#fff;border-right:1px solid #e8e8e8;box-sizing:border-box;display:flex;flex-direction:column}.sidebar-header{border-bottom:1px solid #e8e8e8;padding:20px 16px}.sidebar-header h2{color:#1a1a1a;font-size:18px;font-weight:600;margin:0}.sidebar-user-name{color:#888;font-size:.85rem;margin:8px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:4px;padding:12px 0}.nav-item{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:12px 16px;text-align:left;transition:all .2s ease}.nav-item:hover{background-color:#f5f5f5;color:#333}.nav-item.active{background-color:#e8f4f8;border-left:3px solid #06c;color:#06c;font-weight:500;padding-left:13px}.nav-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-footer{border-top:1px solid #e8e8e8;padding:16px;text-align:center}.version{color:#999;font-size:12px;margin:0}.sidebar-role{color:#999;font-size:.75rem;margin-top:8px}@media (max-width:768px){.admin-sidebar{max-width:100%;width:min(82vw,280px)}.sidebar-header{padding:18px 14px}.sidebar-header h2{font-size:16px}.nav-item{font-size:13px;padding:12px 14px}.sidebar-footer{padding:14px 12px}}.admin-header{gap:16px;padding:12px 24px}.header-left{align-items:center;display:flex;flex:1 1;gap:16px;min-width:0}.sidebar-toggle{background:none;border:none;color:#666;cursor:pointer;display:none;font-size:24px;padding:4px 8px}.sidebar-toggle:hover{color:#333}.restaurant-name{color:#1a1a1a;font-size:18px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-right{align-items:center;display:flex;gap:20px}.notification-icon{border-radius:50%;cursor:pointer;font-size:20px;padding:6px;transition:background-color .2s}.notification-icon:hover{background-color:#f0f0f0}.profile-menu{position:relative}.profile-button{align-items:center;background:none;border:1px solid #ddd;border-radius:6px;color:#333;cursor:pointer;display:inline-flex;font-size:14px;gap:4px;height:38px;justify-content:center;min-width:52px;padding:8px 10px;transition:all .2s}.profile-icon{font-size:16px;line-height:1}.profile-caret{color:#666;font-size:14px;line-height:1}.profile-button:hover{background-color:#f5f5f5;border-color:#999}.profile-dropdown{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 6px 18px #00000024;margin-top:8px;min-width:220px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.profile-user-item{align-items:center;background:#fafafa;border-bottom:1px solid #ececec;color:#1a1a1a;display:flex;font-size:14px;font-weight:600;gap:10px;padding:12px 14px}.profile-user-icon{font-size:15px}.profile-dropdown hr{display:none}.dropdown-item{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;font-size:14px;gap:10px;padding:11px 14px;text-align:left;transition:background-color .2s;width:100%}.dropdown-item:hover{background-color:#f5f5f5}.dropdown-icon{font-size:14px;text-align:center;width:16px}.dropdown-item.logout-btn{color:#d1495b}.dropdown-item.logout-btn:hover{background-color:#ffe8ea}@media (max-width:768px){.admin-header{gap:12px;padding:12px 16px}.sidebar-toggle{display:block;flex-shrink:0}.restaurant-name{font-size:16px}.header-right{gap:8px}.notification-icon{display:none}.profile-button{height:34px;min-width:46px;padding:7px 8px}.profile-dropdown{min-width:190px;right:-8px}}@media (max-width:480px){.admin-header{padding:10px 12px}.restaurant-name{font-size:14px}.profile-button{height:32px;min-width:42px;padding:6px 8px}.profile-dropdown{min-width:170px}}.admin-layout{background:#f5f7fa;display:flex;min-height:100vh;position:relative}.admin-layout .admin-sidebar{background:#fff;border-right:1px solid #e8e8e8;height:100vh;left:0;position:fixed;top:0;width:250px;z-index:1000}.admin-layout .admin-sidebar.closed{transform:translateX(0)}.admin-main-content{display:flex;flex:1 1;flex-direction:column;margin-left:250px;min-width:0}.admin-header{align-items:center;background:#fff;border-bottom:1px solid #e8e8e8;box-shadow:0 2px 4px #0000000d;display:flex;justify-content:space-between;padding:12px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:999}.admin-page-content{flex:1 1;min-width:0;overflow-y:auto;padding:24px 32px}.admin-sidebar-backdrop{background:#1118276b;inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .2s ease;z-index:999}.admin-sidebar-backdrop.visible{opacity:1;pointer-events:auto}@media (max-width:768px){.admin-layout{display:block}.admin-layout .admin-sidebar{box-shadow:0 12px 24px #0f172a2e;height:100vh;left:0;position:fixed;top:0;transform:translateX(-110%);transition:transform .25s ease;width:min(82vw,280px)}.admin-layout .admin-sidebar.open{transform:translateX(0)}.admin-layout .admin-sidebar.closed{transform:translateX(-110%)}.admin-main-content{margin-left:0;min-height:100vh}.admin-page-content{padding:16px 14px 24px}}@media (max-width:480px){.admin-page-content{padding:12px 12px 18px}}.stat-card{align-items:flex-start;border:1px solid #e8e8e8;border-radius:8px;display:flex;gap:16px}.stat-card.blue{border-left:4px solid #06c}.stat-card.green{border-left:4px solid #00a854}.stat-card.orange{border-left:4px solid #ff8c00}.stat-card.purple{border-left:4px solid #722ed1}.stat-icon{font-size:32px;line-height:1;min-width:40px;text-align:center}.stat-content{flex:1 1}.stat-label{color:#999;font-size:13px;font-weight:500;letter-spacing:.5px;margin:0 0 8px}.stat-value{color:#1a1a1a;font-size:24px;font-weight:600;margin:0}.stat-subtext{color:#666;font-size:12px;margin:4px 0 0}@media (max-width:480px){.stat-card{gap:12px;padding:16px}.stat-icon{font-size:24px}.stat-value{font-size:20px}}.recent-orders-card{background:#fff;border:1px solid #e8e8e8;border-radius:8px;overflow:hidden}.card-header{align-items:center;border-bottom:1px solid #e8e8e8;display:flex;justify-content:space-between;padding:20px}.card-header h3{color:#1a1a1a;font-size:16px;margin:0}.view-all-btn{background:none;border:1px solid #ddd;border-radius:4px;color:#06c;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s}.view-all-btn:hover{background-color:#f5f5f5;border-color:#06c}.orders-table{display:flex;flex-direction:column}.table-header{grid-column-gap:12px;column-gap:12px;grid-template-columns:80px 80px 80px 100px 100px;padding:12px 20px}.table-body{max-height:400px}.table-row{grid-column-gap:12px;column-gap:12px;font-size:14px;grid-template-columns:80px 80px 80px 100px 100px;padding:12px 20px}.col-order{color:#1a1a1a;font-weight:500}.col-amount,.col-items,.col-table{color:#666}.status-badge{border-radius:4px;font-weight:500}.status-pending{background-color:#fff7e6;color:#ff8c00}.status-preparing{background-color:#e6f7ff;color:#06c}.status-ready{background-color:#f6ffed;color:#00a854}.status-completed{background-color:#f0f0f0;color:#666}.status-cancelled{background-color:#fde8ea;color:#d1495b}.status-default{background-color:#f0f0f0;color:#666}@media (max-width:768px){.table-header{font-size:11px}.table-header,.table-row{column-gap:8px;grid-template-columns:60px 60px 60px 80px 80px;padding:10px 12px}.table-row{font-size:12px}}@media (max-width:540px){.card-header{padding:14px 16px}.card-header h3{font-size:15px}.table-header{display:none}.table-row{grid-gap:8px;border-bottom:1px solid #f0f0f0;display:grid;gap:8px;grid-template-columns:1fr;padding:12px 16px}.table-row>div{align-items:center;color:#333;display:flex;gap:12px;justify-content:space-between}.table-row>div:before{color:#7a7a7a;content:attr(data-label);font-size:11px;font-weight:600;letter-spacing:.05em;min-width:64px;text-transform:uppercase}.table-row .col-status{justify-content:flex-start}.status-badge{margin-left:0}}.popular-items-card{background:#fff;border:1px solid #e8e8e8;border-radius:8px;padding:20px}.popular-items-card h3{color:#1a1a1a;font-size:16px;margin:0 0 16px}.items-list{display:flex;flex-direction:column;gap:0}.item-row{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:12px 0}.item-row:last-child{border-bottom:none}.item-stats{display:flex;gap:8px}.order-count{background-color:#e8f4f8;border-radius:4px;color:#06c;display:inline-block;font-size:12px;font-weight:500;padding:4px 8px}.attention-card{background:#fff;border:1px solid #e8e8e8;border-radius:8px;padding:20px}.attention-card h3{color:#1a1a1a;font-size:16px;margin:0 0 16px}.alerts-list{display:flex;flex-direction:column;gap:12px}.alert-item{border-left:3px solid;border-radius:6px;display:flex;gap:12px;padding:12px}.alert-info{background-color:#e6f7ff;border-left-color:#06c}.alert-warning{background-color:#fff7e6;border-left-color:#ff8c00}.alert-error{background-color:#fde8ea;border-left-color:#d1495b}.alert-icon{font-size:20px;line-height:1.4;min-width:24px;text-align:center}.alert-content{flex:1 1}.alert-title{color:#1a1a1a;font-size:14px;font-weight:600;margin:0 0 4px}.alert-description{color:#666;font-size:12px;line-height:1.4;margin:0}.empty-state{padding:40px 20px}.empty-state p{font-size:14px}.dashboard-page{margin:0 auto;max-width:1400px}.dashboard-header{margin-bottom:32px}.dashboard-header h1{color:#1a1a1a;font-size:28px;font-weight:600;margin:0 0 8px}.dashboard-subtitle{color:#666;font-size:14px;margin:0}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:32px}.dashboard-main-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:2fr 1fr}.dashboard-left,.dashboard-right{display:flex;flex-direction:column;gap:24px}@media (max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-main-grid{grid-template-columns:1fr}}@media (max-width:768px){.dashboard-header h1{font-size:24px}.stats-grid{gap:12px;grid-template-columns:1fr}.dashboard-header{margin-bottom:20px}}@media (max-width:414px){.dashboard-header h1{font-size:22px}.dashboard-subtitle{font-size:12px}.dashboard-left,.dashboard-main-grid,.dashboard-right{gap:16px}}.menu-page{margin:0 auto;max-width:1400px}.menu-page h1{color:#1a1a1a;font-size:28px;margin:0 0 24px}.menu-page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.menu-page-header h1{margin-bottom:4px}.menu-page-header p{color:#667085;font-size:14px;margin:0}.menu-tabs{-webkit-overflow-scrolling:touch;border-bottom:2px solid #e8e8e8;display:flex;gap:12px;margin-bottom:24px;overflow-x:auto;scrollbar-width:thin;white-space:nowrap}.tab-button{background:none;flex:0 0 auto;font-weight:500;padding:12px 16px;transition:all .2s}.tab-button:hover{color:#333}.tab-content{display:block}.menu-categories-container,.menu-items-container,.menu-modifiers-container{background:#fff;border-radius:8px;padding:20px}.menu-toolbar{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:24px}.menu-toolbar h3{color:#1a1a1a;font-size:16px;margin:0}.section-subtitle{color:#667085;font-size:13px;margin:4px 0 0}.success-message{background:#eaf8ef;border-radius:6px;color:#087443;font-size:13px;margin:0 0 12px;padding:10px 12px}.search-and-filter{display:flex;flex:1 1;flex-wrap:wrap;gap:12px}.search-and-filter .filter-select{min-width:130px}.filter-select,.search-input{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:14px;padding:8px 12px}.search-input{flex:1 1;max-width:250px;min-width:0}.filter-select{min-width:150px}.add-btn{background-color:#06c;font-weight:500;min-height:40px;transition:background-color .2s;white-space:nowrap}.add-btn:hover{background-color:#0052a3}.items-table{border:1px solid #e8e8e8;border-radius:8px;overflow:hidden}.table-header{border-bottom:1px solid #e8e8e8;color:#666;font-size:12px;text-transform:uppercase}.table-header,.table-row{grid-gap:12px;gap:12px;grid-template-columns:200px 120px 100px 80px 100px 120px;padding:12px 16px}.table-row{border-bottom:1px solid #f0f0f0;font-size:13px}.table-row:hover{background-color:#f9f9f9}.item-name{color:#1a1a1a;margin:0;overflow-wrap:anywhere}.badge{display:inline-block;font-weight:600;padding:4px 8px;text-transform:uppercase}.badge.veg{background-color:#d4edda;color:#00a854}.badge.non_veg{background-color:#f8d7da;color:#d1495b}.badge.active{background-color:#d4edda;color:#00a854}.badge.inactive{background-color:#f0f0f0;color:#666}.status{border-radius:4px;display:inline-block;font-size:11px;padding:4px 8px}.status.available{background-color:#d4edda;color:#00a854}.status.unavailable{background-color:#f8d7da;color:#d1495b}.col-actions{display:flex;gap:8px}.action-btn{background:none;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:11px;min-height:32px;padding:6px 10px;transition:all .2s}.action-btn:hover{background-color:#f5f5f5}.action-btn.delete{border-color:#d1495b;color:#d1495b}.action-btn.delete:hover{background-color:#fde8ea}.action-btn.sm{font-size:12px;padding:5px 8px}.status-toggle{align-items:center;border:1px solid #d1495b;border-radius:999px;color:#a22838;display:inline-flex;font-size:11px;font-weight:700;gap:6px;letter-spacing:.02em;min-height:30px;padding:4px 9px 4px 6px;transition:all .2s ease;white-space:nowrap}.status-toggle:hover{transform:translateY(-1px)}.status-toggle.active{background:#e8f7ed;border-color:#00a854;color:#007c3d}.toggle-track{align-items:center;background:#d1495b2e;border-radius:999px;display:inline-flex;flex-shrink:0;height:14px;position:relative;transition:all .2s ease;width:26px}.toggle-knob{background:#fff;border:1px solid #a2283866;border-radius:50%;box-shadow:0 1px 3px #0000001f;height:10px;left:2px;position:absolute;transition:all .2s ease;width:10px}.status-toggle.active .toggle-track{background:#00a8542e}.status-toggle.active .toggle-knob{border-color:#007c3d4d;left:14px}.toggle-text{line-height:1}.category-actions,.group-actions,.subcategory-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;min-width:0}.category-info,.group-info{flex:1 1 180px;min-width:0}.category-header,.group-header,.subcategory-header{min-width:0}.category-header h4,.group-info h4,.subcategory-header h5{overflow-wrap:anywhere;white-space:normal;word-break:break-word}.category-item-list{display:flex;flex-wrap:wrap;gap:6px}.category-item-entry{align-items:center;display:inline-flex;max-width:100%;overflow-wrap:anywhere;word-break:break-word}.modifier-group{background:linear-gradient(180deg,#fbfdfb,#f7faf8);border:1px solid #e6efe9;border-left:3px solid #d8eadf;border-radius:10px;overflow:hidden}.group-header{background:#f3faf5;border-bottom:1px solid #e4efe7}.option-row{background:#fff}.option-row:nth-child(2n){background:#fafdfb}@media (max-width:900px){.menu-grid{grid-template-columns:1fr}.category-sidebar{max-height:none;order:2}}@media (max-width:768px){.menu-page{padding:0}.menu-page h1{font-size:24px;margin-bottom:16px}.menu-page-header{margin-bottom:18px}.menu-page-header p{font-size:12px}.menu-tabs{margin-bottom:18px}.menu-categories-container,.menu-items-container,.menu-modifiers-container{padding:14px}.menu-toolbar{align-items:stretch;flex-direction:column;margin-bottom:18px}.search-and-filter{flex-direction:column;width:100%}.add-btn,.filter-select,.search-input{max-width:none;width:100%}.search-input{max-width:none}.add-btn{min-height:42px}.items-table{background:#0000;border:none;overflow:visible}.table-header{display:none}.table-body{max-height:none}.table-row{grid-gap:8px;background:#fff;border:1px solid #ececec;border-radius:10px;box-shadow:0 2px 6px #00000008;display:grid;gap:8px;grid-template-columns:1fr;margin-bottom:10px;padding:14px 12px}.table-row>div{align-items:center;color:#1f2937;display:flex;gap:12px;justify-content:space-between;min-width:0}.table-row>div:before{color:#6b7280;content:attr(data-label);flex-shrink:0;font-size:10px;font-weight:700;letter-spacing:.05em;min-width:64px;text-transform:uppercase}.col-actions,.col-category,.col-name,.col-price,.col-status,.col-type{min-width:0}.col-name .item-name{overflow-wrap:anywhere;text-align:right}.col-actions,.col-status,.col-type{justify-content:space-between}.col-actions{display:flex;gap:8px;justify-content:stretch}.action-btn,.status-toggle{flex:1 1;min-height:38px}.modal-card{max-height:85vh;padding:18px 14px;width:min(100%,100%)}.form-grid{grid-template-columns:1fr}.variant-row{align-items:stretch;flex-direction:column}.categories-tree{gap:10px}.category-item,.subcategory-item{background:#fff;border:1px solid #e8e8e8;border-radius:10px;overflow:hidden}.category-header,.subcategory-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:10px;padding:12px}.category-info{flex-basis:100%;width:100%}.category-title-row{align-items:flex-start;gap:8px}.category-title-row h4{font-size:14px;line-height:1.4;margin:0;word-break:break-word}.category-meta-row{display:flex;flex-wrap:wrap;gap:6px 10px;margin-top:8px}.category-header .action-btn,.category-header .status-toggle,.subcategory-header .action-btn,.subcategory-header .status-toggle{flex:0 0 auto;justify-content:center;width:auto}.category-item-list{gap:6px;padding:0 12px 12px}.category-item-entry{justify-content:flex-start;padding:6px 8px;width:auto}.modifier-group{background:#fff;border:1px solid #e8e8e8;border-radius:10px;overflow:hidden}.group-header{align-items:stretch;flex-direction:column;gap:12px;padding:12px}.group-info h4{font-size:15px;line-height:1.4;word-break:break-word}.group-desc{line-height:1.5;word-break:break-word}.group-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start;width:100%}.group-actions .action-btn,.group-actions .status-toggle{flex:0 0 auto;min-height:34px;width:auto}.modifiers-options{padding:12px}.option-row{grid-gap:8px;background:#fafafa;border:1px solid #f0f0f0;border-radius:8px;display:grid;gap:8px;grid-template-columns:minmax(0,1fr) auto auto auto;margin-bottom:8px;padding:10px 8px}.option-row>button,.option-row>span{justify-content:space-between;width:auto}.option-name,.option-price{align-items:center;display:flex;gap:12px;justify-content:space-between}.option-name:before{content:"Option"}.option-name:before,.option-price:before{color:#6b7280;font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.option-price:before{content:"Price"}.option-row .action-btn,.option-row .status-toggle{width:auto}}@media (max-width:414px){.menu-page h1{font-size:22px}.menu-categories-container,.menu-items-container,.menu-modifiers-container{padding:12px}.tab-button{font-size:13px;padding:10px 12px}.table-row{padding:12px 10px}.table-row>div{font-size:11px;gap:8px}.table-row>div:before{min-width:52px}.action-btn,.add-btn,.status-toggle{min-height:40px}.category-header,.group-header,.modifiers-options,.option-row,.subcategory-header{padding-left:10px;padding-right:10px}}@media (max-width:360px){.menu-page h1{font-size:20px}.table-row>div{font-size:10px}.group-actions{grid-template-columns:1fr}}.category-sidebar{background:linear-gradient(180deg,#f9fbff,#f3f7fb);border:1px solid #e7edf4;border-radius:12px;box-shadow:inset 0 1px 0 #ffffffb3;max-height:78vh;overflow:auto;padding:14px 12px}.category-sidebar-header{border-bottom:1px solid #e7edf4;margin-bottom:10px;padding-bottom:10px}.category-sidebar-header h3{font-size:15px;margin:0 0 10px}.category-tree-row{align-items:center;border-radius:8px;display:flex;gap:8px;padding:6px 8px;transition:background-color .2s ease,transform .2s ease}.category-tree-row:hover{background:#edf4ff}.category-tree-link{background:none;border:0;border-radius:6px;color:#1f2937;cursor:pointer;flex:1 1;font-weight:500;padding:6px 8px;text-align:left}.category-tree-link.active{background:#0066cc14;color:#06c;font-weight:700}.category-tree-count{background:#edf4ff;border-radius:999px;color:#5c6b7a;font-size:11px;font-weight:700;min-width:22px;padding:3px 7px;text-align:center}.tree-spacer{display:inline-block;width:20px}.category-tree-children{margin-top:2px}@media (max-width:768px){.category-sidebar{background:#f8fafc;border-radius:10px;margin-bottom:12px;padding:12px 10px}.category-tree-row{padding:7px 6px}.category-tree-link{font-size:13px;padding:6px}.category-tree-count{font-size:10px;padding:2px 6px}}.modal-backdrop{align-items:center!important;background:#131b267a;display:flex!important;inset:0!important;justify-content:center!important;overflow-y:auto;padding:20px 14px;position:fixed!important;z-index:2147483647!important}.modal-card{background:#fff;border-radius:12px;box-shadow:0 20px 60px #00000038;margin:auto;max-height:calc(100vh - 32px);overflow-y:auto;padding:24px;position:relative;width:min(560px,100%);z-index:1}body.menu-modal-open{overflow:hidden;overscroll-behavior:contain}.menu-form label{display:flex;flex-direction:column;font-size:13px;font-weight:600;gap:6px;margin:14px 0}.menu-form input,.menu-form select,.menu-form textarea{border:1px solid #d8d8d8;border-radius:5px;box-sizing:border-box;font:inherit;padding:9px;width:100%}.menu-form textarea{min-height:74px;resize:vertical}.menu-form .checkbox-label{align-items:center;flex-direction:row;font-weight:500}.menu-form .checkbox-label input{width:auto}.form-actions,.form-title{align-items:center;display:flex;gap:12px;justify-content:space-between}.form-title h3{margin:0}.form-title button{background:none;border:0;cursor:pointer;font-size:24px}.form-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.form-error{color:#b42332;font-size:13px;margin:0 0 12px}.form-section{border-top:1px solid #e9e9e9;margin-top:18px;padding-top:14px}.form-section h4{font-size:14px;margin:0 0 9px}.variant-row{align-items:center;border-bottom:1px solid #f1f1f1;display:flex;flex-wrap:wrap;font-size:13px;gap:8px;justify-content:flex-end;padding:8px 0}.variant-row span{font-weight:500;margin-right:auto}.hint{color:#666;font-size:12px;margin:0}@media (max-width:768px){.modal-backdrop{align-items:center;justify-content:center;padding:16px 12px 20px}.modal-card{border-radius:12px;margin:auto;max-height:calc(100vh - 24px);padding:18px 14px;width:min(100%,100%)}.form-grid{grid-template-columns:1fr}.variant-row{align-items:stretch;flex-direction:column}}.orders-page{padding:20px}.orders-page h1{color:#222;font-size:24px;font-weight:600;margin-bottom:20px}.orders-filters{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.date-range-filter{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.date-range-filter label{color:#333;font-size:14px;font-weight:500}.date-input{background:#fff;border:1px solid #ddd;border-radius:4px;box-sizing:border-box;cursor:pointer;font-size:14px;padding:8px 12px;transition:border-color .3s ease}.date-input:focus,.date-input:hover{border-color:#06c;outline:none}.status-filter{display:flex;flex-wrap:wrap;gap:10px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}.filter-btn{background:#fff;border:1px solid #ddd;border-radius:4px;color:#666;cursor:pointer;flex:0 0 auto;font-size:14px;padding:8px 16px;transition:all .3s ease;white-space:nowrap}.filter-btn:hover{border-color:#06c;color:#06c}.filter-btn.active{background:#06c;border-color:#06c;color:#fff}.orders-table{background:#fff;border:1px solid #ddd;border-radius:6px;overflow:auto}.table-header{grid-gap:10px;background:#f9f9f9;border-bottom:1px solid #ddd;color:#333;display:grid;font-size:13px;font-weight:600;gap:10px;grid-template-columns:80px 100px 120px 80px 100px 120px 80px 80px;padding:12px;position:-webkit-sticky;position:sticky;top:0}.table-body{max-height:600px;overflow-y:auto}.table-row{grid-gap:10px;align-items:center;border-bottom:1px solid #eee;display:grid;gap:10px;grid-template-columns:80px 100px 120px 80px 100px 120px 80px 80px;min-width:0;padding:12px;transition:background .2s ease}.table-row:hover{background:#f5f5f5}.col-order{color:#06c;font-weight:600}.col-date,.col-items,.col-table{color:#666;font-size:14px}.col-amount{color:#222;font-weight:600}.col-status{display:flex;justify-content:center}.status-badge{border-radius:3px;display:inline-block;font-size:12px;font-weight:600;padding:4px 8px;white-space:nowrap}.status-badge.pending,.status-badge.placed{background:#fff3cd;color:#856404}.status-badge.confirmed{background:#d1ecf1;color:#0c5460}.status-badge.preparing{background:#cce5ff;color:#004085}.status-badge.completed,.status-badge.ready,.status-badge.served{background:#d4edda;color:#155724}.status-badge.cancelled{background:#f8d7da;color:#721c24}.col-time{color:#999;font-size:13px}.col-action{display:flex;justify-content:center}.view-btn{background:#06c;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:12px;min-height:36px;padding:6px 12px;transition:background .2s ease}.view-btn:hover{background:#0052a3}@media (max-width:1024px){.table-header,.table-row{gap:8px;grid-template-columns:70px 90px 100px 70px 90px 110px 70px 70px;padding:10px}.orders-page h1{font-size:20px}.date-range-filter{gap:8px}.date-input{font-size:13px;padding:6px 10px}}@media (max-width:768px){.orders-page{padding:15px}.date-range-filter{align-items:stretch;flex-direction:column;gap:8px}.date-input,.date-range-filter label{font-size:13px}.date-input{padding:8px 10px;width:100%}.status-filter{gap:8px;padding-bottom:6px}.filter-btn{font-size:12px;padding:8px 12px}.orders-table{background:#0000;border:none;overflow:visible}.table-header{display:none}.table-body{max-height:none}.table-row{grid-gap:8px;background:#fff;border:1px solid #e8e8e8;border-radius:10px;box-shadow:0 2px 6px #0f172a0a;display:grid;gap:8px;grid-template-columns:1fr;margin-bottom:10px;padding:14px 12px}.table-row>div{align-items:center;color:#1f2937;display:flex;gap:12px;justify-content:space-between;min-width:0}.table-row>div:before{color:#6b7280;content:attr(data-label);flex-shrink:0;font-size:11px;font-weight:700;letter-spacing:.04em;min-width:62px;text-transform:uppercase}.col-status{justify-content:space-between}.status-badge{margin-left:auto}.col-action{justify-content:stretch}.view-btn{font-size:13px;padding:10px 12px;width:100%}}@media (max-width:414px){.orders-page{padding:12px}.orders-page h1{font-size:22px;margin-bottom:16px}.date-input,.date-range-filter label{font-size:12px}.filter-btn{font-size:11px;padding:7px 10px}.table-row{padding:12px 10px}.table-row>div{font-size:12px;gap:8px}.table-row>div:before{min-width:56px}}@media (max-width:360px){.orders-page{padding:10px}.table-row>div{font-size:11px}.status-badge{font-size:10px;padding:3px 6px}.view-btn{min-height:42px}}.tables-page{padding:20px}.tables-header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:30px}.tables-header h1{color:#222;font-size:24px;font-weight:600;margin:0}.add-btn{background:#06c;font-size:14px;min-height:42px;padding:10px 20px;transition:background .3s ease}.add-btn:hover{background:#0052a3}.tables-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin-bottom:30px}.table-card{background:#fff;border:2px solid #ddd;border-radius:8px;cursor:pointer;min-width:0;padding:20px;position:relative;text-align:center;transition:all .3s ease}.table-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.table-card.status-occupied{background:#fff5f5;border-color:#ff6b6b}.table-card.status-reserved{background:#fffbf0;border-color:#ffd93d}.table-card.status-available{background:#f1fce4;border-color:#51cf66}.table-icon{font-size:40px;margin-bottom:10px}.table-number{color:#222;font-size:18px;font-weight:600;margin-bottom:8px}.table-capacity{color:#999;font-size:13px;margin-bottom:12px}.table-status{margin-bottom:15px}.table-status .status-badge{border-radius:3px;display:inline-block;font-size:12px;font-weight:600;padding:6px 12px}.status-badge.available{background:#d4edda;color:#155724}.status-badge.occupied{background:#f8d7da;color:#721c24}.status-badge.reserved{background:#fff3cd;color:#856404}.edit-btn{background:#06c;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:12px;min-height:38px;padding:8px 16px;transition:background .3s ease;width:100%}.edit-btn:hover{background:#0052a3}.add-table-large{background:#f5f5f5;border:2px dashed #06c;border-radius:6px;color:#06c;cursor:pointer;display:block;font-size:14px;font-weight:600;margin:30px auto;min-height:44px;padding:12px 24px;transition:all .3s ease;width:200px}.add-table-large:hover{background:#06c;color:#fff}@media (max-width:1024px){.tables-grid{gap:15px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.tables-header h1{font-size:20px}}@media (max-width:768px){.tables-page{padding:15px}.tables-grid{gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.tables-header{align-items:stretch;flex-direction:column;gap:12px;margin-bottom:20px}.add-btn,.add-table-large{width:100%}}@media (max-width:414px){.tables-page{padding:12px}.tables-grid{gap:10px;grid-template-columns:1fr}.table-card{padding:16px 12px}.table-icon{font-size:30px}.table-number{font-size:16px}.add-btn,.add-table-large,.edit-btn{min-height:42px}}@media (max-width:360px){.tables-header h1{font-size:18px}.table-number{font-size:15px}}.offers-page{padding:20px}.offers-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:30px}.offers-header h1{color:#222;font-size:28px;font-weight:600;margin:0 0 8px}.offers-header p{color:#666;font-size:14px;margin:0}.offers-page .add-btn{background:#06c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:background .3s ease;white-space:nowrap}.offers-page .add-btn:hover{background:#0052a3}.alert{animation:slideIn .3s ease;border-radius:4px;font-size:14px;padding:12px 16px}.alert-error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.alert-success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.alert-close{font-size:20px;font-weight:700}.alert-close:hover{opacity:.7}.offers-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.empty-state{grid-column:1/-1;padding:60px 20px}.empty-state p{font-size:16px;margin:0}.offer-card{background:#fff;border:1px solid #ddd;border-radius:6px;display:flex;flex-direction:column;gap:0;overflow:hidden;transition:all .3s ease}.offer-card:hover{border-color:#06c;box-shadow:0 4px 12px #0000001a}.offer-image{background-position:50%;background-size:cover;border-bottom:1px solid #ddd;height:180px;width:100%}.offer-content{flex:1 1;padding:15px}.offer-content h3{color:#222;font-size:18px;font-weight:600;margin:0 0 10px;word-break:break-word}.offer-desc{color:#666;font-size:13px;line-height:1.4;margin:8px 0}.offer-details{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.offer-status{background:#f0f0f0;border-radius:3px;color:#666;display:inline-block;font-size:12px;padding:4px 8px}.offer-actions{background:#f9f9f9;border-top:1px solid #eee;display:flex;gap:8px;padding:12px}.status-toggle{background:#fff;border:1px solid #ddd;border-radius:4px;color:#666;cursor:pointer;flex:1 1;font-size:13px;font-weight:600;padding:8px 12px;transition:all .3s ease}.status-toggle.active{background:#d4edda;border-color:#155724;color:#155724}.status-toggle.inactive{background:#f8d7da;border-color:#721c24;color:#721c24}.status-toggle:hover{opacity:.8}.offer-card .delete-btn,.offer-card .edit-btn{background:#06c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 12px;transition:background .3s ease}.offer-card .edit-btn:hover{background:#0052a3}.offer-card .delete-btn{background:#dc3545}.offer-card .delete-btn:hover{background:#c82333}.modal-overlay{overflow-y:auto;padding:20px}.modal-content{border-radius:6px;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column;max-width:700px;width:100%}.modal-header{background:#f9f9f9;border-bottom:1px solid #eee;position:-webkit-sticky;position:sticky;top:0}.modal-header h2{color:#222;font-size:20px;font-weight:600}.modal-close{color:#666;font-size:28px;height:30px;width:30px}.modal-close:hover{color:#222}.modal-body{flex:1 1;overflow-y:auto;padding:20px}.modal-footer{background:#f9f9f9;border-top:1px solid #eee;bottom:0;gap:12px;justify-content:flex-end;position:-webkit-sticky;position:sticky}.form-group{margin-bottom:16px}.form-group label{color:#333;display:block;font-size:13px;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:4px;font-family:inherit;padding:10px 12px;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#06c;box-shadow:0 0 0 3px #0066cc1a}.form-group textarea{font-family:inherit}.form-group.checkbox{display:flex;margin-bottom:20px}.form-group.checkbox input{width:auto}.form-group.checkbox label{margin-bottom:0}.form-row{grid-template-columns:1fr 1fr}.discount-rules-section{border-top:2px solid #f0f0f0;margin-top:30px;padding-top:20px}.discount-rules-section h3{color:#222;font-size:16px;font-weight:600;margin:0 0 16px}.discount-rule-card{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:4px;margin-bottom:16px;padding:16px}.discount-rule-card .form-group,.discount-rule-card .form-row{margin-bottom:12px}.remove-rule-btn{background:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#721c24;cursor:pointer;font-size:13px;font-weight:600;margin-top:8px;padding:8px 12px;transition:all .3s ease;width:100%}.remove-rule-btn:hover{background:#f5c6cb}.add-rule-btn{background:#fff;border:2px dashed #06c;border-radius:4px;color:#06c;cursor:pointer;font-size:14px;font-weight:600;padding:10px 12px;transition:all .3s ease;width:100%}.add-rule-btn:hover{background:#f0f7ff}.btn-cancel,.btn-save{border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .3s ease}.btn-cancel{background:#e9ecef;color:#495057}.btn-cancel:hover{background:#dee2e6}.btn-save{background:#06c;color:#fff}.btn-save:hover{background:#0052a3}@media (max-width:1024px){.offers-list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width:768px){.offers-page{padding:15px}.offers-header{align-items:flex-start;flex-direction:column;gap:15px}.offers-header h1{font-size:20px}.offers-page .add-btn{width:100%}.offers-list{grid-template-columns:1fr}.modal-content{max-width:100%}.form-row{grid-template-columns:1fr}.offer-actions{flex-direction:column}.offer-card .delete-btn,.offer-card .edit-btn,.status-toggle{width:100%}}@media (max-width:480px){.offers-page{padding:10px}.offer-card{padding:15px}.offer-content h3{font-size:16px}.offer-details{align-items:flex-start;flex-direction:column}.modal-body,.modal-header{padding:16px}.modal-footer{flex-direction:column-reverse}.btn-cancel,.btn-save{width:100%}.form-row{grid-template-columns:1fr}}.analytics-page{padding:20px}.analytics-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.analytics-header h1{color:#222;font-size:24px;font-weight:600;margin:0}.period-selector{display:flex;gap:10px}.period-btn{background:#fff;border:1px solid #ddd;border-radius:4px;color:#666;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .3s ease}.period-btn:hover{border-color:#06c;color:#06c}.period-btn.active{background:#06c;border-color:#06c;color:#fff}.analytics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.analytics-card{align-items:start;background:#fff;border:1px solid #ddd;border-radius:6px;display:flex;gap:15px;padding:20px;transition:all .3s ease}.analytics-card:hover{box-shadow:0 4px 12px #0000001a}.card-icon{font-size:32px}.card-label{color:#999;font-size:13px;font-weight:500;margin:0}.card-value{color:#222;font-size:24px;font-weight:700;margin:8px 0 0}.analytics-section{background:#fff;border:1px solid #ddd;border-radius:6px;margin-bottom:20px;padding:20px}.analytics-section h3{color:#222;font-size:18px;font-weight:600;margin:0 0 15px}.top-items-list{display:flex;flex-direction:column;gap:12px}.top-item{grid-gap:15px;align-items:center;background:#f9f9f9;border-left:3px solid #06c;border-radius:4px;display:grid;gap:15px;grid-template-columns:30px 1fr 100px 150px;padding:12px}.item-rank{color:#06c;font-size:16px;font-weight:700;text-align:center}.item-name{color:#222;font-size:14px;font-weight:500}.item-orders{color:#999;font-size:13px;text-align:center}.item-bar{background:#e8e8e8;border-radius:3px;height:6px;overflow:hidden}.item-bar-fill{background:linear-gradient(90deg,#06c,#0052a3);border-radius:3px;height:100%}.chart-placeholder{background:#fff;border:2px dashed #ddd;border-radius:6px;color:#999;font-size:16px;padding:40px 20px;text-align:center}.custom-date-range{align-items:end;background:#f8f9fb;border:1px solid #e0e4ea;border-radius:8px;display:flex;gap:12px;margin:0 0 24px;padding:16px 18px}.date-field{display:flex;flex-direction:column;gap:6px}.date-field label{color:#666;font-size:12px;font-weight:600}.date-field input{background:#fff;border:1px solid #d9dee8;border-radius:6px;font-size:14px;min-width:160px;padding:9px 10px}.apply-range-btn{background:#06c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:9px 18px;transition:background .2s ease}.apply-range-btn:hover{background:#0052a3}@media (max-width:1024px){.analytics-header{align-items:flex-start;flex-direction:column;gap:15px}.analytics-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.top-item{grid-template-columns:25px 1fr 80px 120px}}@media (max-width:768px){.analytics-page{padding:15px}.analytics-header h1{font-size:20px}.period-selector{gap:8px}.period-btn{font-size:12px;padding:6px 12px}.analytics-grid{grid-template-columns:1fr}.top-item{gap:10px;grid-template-columns:25px 1fr 70px}.item-bar{display:none}.custom-date-range{align-items:stretch;flex-direction:column}.date-field input{min-width:100%}.apply-range-btn{width:100%}}@media (max-width:480px){.analytics-page{padding:10px}.analytics-section{padding:15px}.analytics-section h3{font-size:16px}.card-value{font-size:20px}.top-item{gap:8px;grid-template-columns:25px 1fr}.item-bar,.item-orders{display:none}}.service-requests-container{background:#f5f5f5;border-radius:8px;margin-bottom:20px;padding:20px}.sr-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.sr-header h2{color:#333;font-size:24px;font-weight:600;margin:0}.refresh-btn{background:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background .3s ease}.refresh-btn:hover:not(:disabled){background:#45a049}.refresh-btn:disabled{background:#ccc;cursor:not-allowed}.sr-alert{border-radius:4px;font-weight:500;margin-bottom:15px;padding:12px 16px}.sr-alert-error{background:#ffebee;border:1px solid #ef5350;color:#c62828}.sr-alert-success{background:#e8f5e9;border:1px solid #66bb6a;color:#2e7d32}.sr-tabs{border-bottom:1px solid #ddd;display:flex;gap:10px;margin-bottom:20px}.sr-tab{background:none;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .3s ease}.sr-tab:hover{color:#333}.sr-tab.active{border-bottom-color:#4caf50;color:#4caf50}.sr-filters{align-items:center;background:#fff;border-radius:4px;display:flex;gap:12px;margin-bottom:20px;padding:12px}.sr-filters label{color:#333;font-weight:500}.sr-select{background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;padding:8px 12px}.sr-select:focus{border-color:#4caf50;box-shadow:0 0 0 2px #4caf501a;outline:none}.sr-empty,.sr-loading{background:#fff;border-radius:4px;color:#999;font-size:16px;padding:40px 20px;text-align:center}.sr-list{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.sr-card{background:#fff;border-left:4px solid #ffb74d;border-radius:6px;box-shadow:0 2px 4px #0000001a;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.sr-card:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.sr-card.sr-pending{border-left-color:#ff9800}.sr-card.sr-completed{border-left-color:#4caf50;opacity:.85}.sr-card-header{background:#f9f9f9;border-bottom:1px solid #eee;justify-content:space-between;padding:15px}.sr-card-header,.sr-card-title{align-items:center;display:flex}.sr-card-title{gap:10px}.sr-icon{font-size:24px}.sr-type{color:#333;font-size:15px;font-weight:600}.sr-status{border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.sr-status-pending{background:#fff3cd;color:#856404}.sr-status-completed{background:#d4edda;color:#155724}.sr-card-content{padding:15px}.sr-location{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:10px}.sr-location strong{color:#333}.sr-location strong:after{content:" "}.sr-order{color:#666;font-size:13px;margin-bottom:10px}.sr-order strong{color:#333}.sr-time{color:#999;display:flex;flex-direction:column;font-size:12px;gap:6px}.sr-completed,.sr-requested{display:block}.sr-completed{color:#4caf50;font-weight:500}.sr-card-actions{background:#f9f9f9;border-top:1px solid #eee;display:flex;gap:10px;padding:12px 15px}.sr-btn{border:none;border-radius:4px;cursor:pointer;flex:1 1;font-size:13px;font-weight:600;padding:10px 16px;transition:all .3s ease}.sr-btn-primary{background:#4caf50;color:#fff}.sr-btn-primary:hover{background:#45a049}.sr-btn-primary:disabled{background:#ccc;cursor:not-allowed}@media (max-width:768px){.sr-header{align-items:flex-start;flex-direction:column;gap:12px}.sr-list{grid-template-columns:1fr}.sr-filters{align-items:flex-start;flex-direction:column}.sr-tab{font-size:13px;padding:10px 16px}}.settings-page{padding:20px}.settings-page h1{color:#222;font-size:24px;font-weight:600;margin-bottom:20px}.settings-tabs{border-bottom:2px solid #ddd;display:flex;flex-wrap:wrap;gap:5px;margin-bottom:30px}.tab-button{background:#0000;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;font-size:14px;font-weight:600;padding:12px 20px;position:relative;top:2px;transition:all .3s ease}.tab-button:hover{color:#06c}.tab-button.active{border-bottom-color:#06c;color:#06c}.settings-content{background:linear-gradient(180deg,#fff,#f6f9fc);border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 8px 20px #0f172a0a;min-height:400px;padding:28px}.settings-section{display:flex;flex-direction:column;gap:18px}.settings-section h3{color:#222;font-size:18px;font-weight:600;margin:0 0 20px}.settings-form{display:flex;flex-direction:column;gap:20px;max-width:600px}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#222;font-size:14px;font-weight:600}.form-group input,.form-group select,.form-group textarea{background:#fff;border:1px solid #d0d7de;border-radius:10px;font-size:14px;padding:11px 12px;transition:all .2s ease;width:100%}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:#06c}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f;outline:none}.form-group textarea{min-height:100px;resize:vertical}.form-group.checkbox{align-items:center;flex-direction:row;gap:10px}.form-group.checkbox input{cursor:pointer;height:18px;margin:0;width:18px}.form-group.checkbox label{cursor:pointer;font-weight:500;margin:0}.save-btn{align-self:flex-start;background:#06c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:10px;padding:10px 24px;transition:background .3s ease}.save-btn:hover{background:#0052a3}.primary-btn,.secondary-btn{align-items:center;border:1px solid #0000;border-radius:10px;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:700;justify-content:center;line-height:1;min-height:40px;padding:10px 18px;transition:all .2s ease}.primary-btn{background:linear-gradient(180deg,#2563eb,#1d4ed8);border-color:#1d4ed8;box-shadow:0 8px 18px #2563eb2e;color:#fff}.primary-btn:hover{box-shadow:0 12px 22px #2563eb33;filter:brightness(1.02);transform:translateY(-1px)}.primary-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.secondary-btn{background:#fff;border-color:#dfe7f1;box-shadow:0 2px 6px #0f172a08;color:#334155}.secondary-btn:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px)}.secondary-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.team-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:8px}.team-form{background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 10px 24px #0f172a0a,inset 0 1px 0 #ffffffb3;margin-bottom:24px;padding:20px 20px 18px}.team-form-title{color:#0f172a;font-size:1.02rem;font-weight:700;letter-spacing:-.01em;margin:0 0 18px}.team-form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:16px}.team-form .form-group{gap:8px}.team-form .form-group label{color:#334155;font-size:.82rem;font-weight:600}.team-form .form-group input,.team-form .form-group select,.team-form .form-group textarea{background:#fff;border:1px solid #dfe7f1;border-radius:10px;box-shadow:inset 0 1px 2px #0f172a05;color:#0f172a;font-size:.92rem;padding:11px 12px;transition:all .2s ease;width:100%}.team-form .form-group input:hover,.team-form .form-group select:hover,.team-form .form-group textarea:hover{border-color:#93c5fd}.team-form .form-group input:focus,.team-form .form-group select:focus,.team-form .form-group textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f;outline:none}.team-form-actions{align-items:center;display:flex;gap:12px;margin-top:8px}.team-form .primary-btn,.team-form .secondary-btn{align-items:center;border-radius:10px;display:inline-flex;font-size:.9rem;font-weight:700;justify-content:center;min-height:40px;padding:10px 18px;transition:all .2s ease}.team-form .primary-btn{background:linear-gradient(180deg,#2563eb,#1d4ed8);border:1px solid #1d4ed8;box-shadow:0 8px 16px #2563eb2e;color:#fff}.team-form .primary-btn:hover{filter:brightness(1.02);transform:translateY(-1px)}.team-form .secondary-btn{background:#fff;border:1px solid #dfe7f1;color:#334155}.team-form .secondary-btn:hover{background:#f8fafc;border-color:#cbd5e1}.field-hint{color:#475569;font-size:.8rem;margin-top:6px}.error-text{color:#dc2626}.team-list{display:flex;flex-direction:column;gap:12px}.team-member{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0f172a08;display:flex;gap:16px;justify-content:space-between;padding:16px 18px;transition:all .2s ease}.team-member:hover{border-color:#bfdbfe;box-shadow:0 6px 18px #2563eb14}.member-info{flex:1 1}.member-name{color:#0f172a;font-size:15px;font-weight:700;margin:0 0 6px}.member-phone,.member-role{color:#475569;font-size:13px;margin:0}.member-actions{align-items:center;display:flex;flex-shrink:0;gap:10px;justify-content:flex-end;min-width:190px;padding-left:12px}.delete-btn,.edit-btn{align-items:center;border:1px solid #0000;border-radius:10px;box-shadow:0 1px 2px #0f172a0f;cursor:pointer;display:inline-flex;font-size:.86rem;font-weight:700;justify-content:center;line-height:1;min-height:40px;min-width:88px;padding:10px 16px;transition:all .2s ease}.edit-btn{background:linear-gradient(180deg,#eff6ff,#dbeafe);border-color:#bfdbfe;color:#1d4ed8}.delete-btn{background:linear-gradient(180deg,#fef2f2,#fee2e2);border-color:#fecaca;color:#b91c1c}.delete-btn:hover,.edit-btn:hover{box-shadow:0 8px 18px #0f172a14;filter:brightness(.99);transform:translateY(-1px)}.delete-btn:active,.edit-btn:active{box-shadow:0 2px 8px #0f172a14;transform:translateY(0)}.owner-badge{align-items:center;background:linear-gradient(180deg,#fef3c7,#fde68a);border:1px solid #fcd34d;border-radius:10px;box-shadow:0 1px 2px #92400e14;color:#92400e;display:inline-flex;font-size:.82rem;font-weight:700;justify-content:center;min-height:40px;min-width:86px;padding:10px 16px}.subscription-grid{grid-gap:22px;display:grid;gap:22px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-top:24px}.subscription-card-panel{background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 4px 14px #0f172a0f;display:flex;flex-direction:column;overflow:hidden;padding:28px 24px;position:relative;transition:all .3s ease}.subscription-card-panel:before{background:linear-gradient(90deg,#3b82f6,#8b5cf6);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.subscription-card-panel:hover{border-color:#cbd5e1;box-shadow:0 12px 28px #0f172a1a;transform:translateY(-4px)}.subscription-card-panel:hover:before{transform:scaleX(1)}.subscription-card-panel.active{background:linear-gradient(180deg,#f0fdf4,#dcfce7);border-color:#16a34a;box-shadow:0 12px 32px #22c55e26}.subscription-card-panel.active:before{background:linear-gradient(90deg,#16a34a,#22c55e);transform:scaleX(1)}.subscription-header{align-items:flex-start;display:flex;gap:10px;justify-content:space-between;margin-bottom:16px}.subscription-header h4{color:#0f172a;font-size:1.15rem;font-weight:800;letter-spacing:-.01em;margin:0}.subscription-badge{align-items:center;background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:1px solid #86efac;border-radius:999px;box-shadow:0 2px 6px #22c55e1a;color:#166534;display:inline-flex;font-size:.7rem;font-weight:800;justify-content:center;letter-spacing:.05em;padding:6px 12px;text-transform:uppercase;white-space:nowrap}.subscription-price{color:#0f172a;font-size:2rem;font-weight:900;letter-spacing:-.02em;margin-bottom:4px}.subscription-price-note{color:#64748b;display:block;font-size:.82rem;font-weight:500;margin-bottom:12px}.subscription-description{color:#475569;font-size:.85rem;font-weight:500;line-height:1.5;margin-bottom:18px}.subscription-features{display:flex;flex-direction:column;flex-grow:1;gap:10px;list-style:none;margin:0 0 22px;padding:0}.subscription-features li{align-items:center;color:#334155;display:flex;font-size:.88rem;font-weight:500;line-height:1.5}.subscription-features li:before{align-items:center;background:#dbeafe;border-radius:50%;color:#1d4ed8;content:"✓";display:inline-flex;flex-shrink:0;font-size:.75rem;font-weight:700;height:20px;justify-content:center;margin-right:10px;width:20px}.subscription-card-panel.active .subscription-features li:before{background:#dcfce7;color:#16a34a}.upgrade-btn{align-items:center;background:linear-gradient(180deg,#2563eb,#1d4ed8);border:1px solid #1d4ed8;border-radius:12px;box-shadow:0 6px 16px #2563eb33;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:700;justify-content:center;letter-spacing:.04em;min-height:44px;padding:12px 18px;text-transform:uppercase;transition:all .2s ease;width:100%}.upgrade-btn:hover{box-shadow:0 10px 20px #2563eb40;filter:brightness(1.02);transform:translateY(-2px)}.upgrade-btn:disabled{cursor:not-allowed;opacity:.65;transform:none}.secondary-btn.subscription-current-btn{align-items:center;background:#f1f5f9;border:2px solid #cbd5e1;border-radius:12px;color:#475569;cursor:default;display:inline-flex;font-size:.9rem;font-weight:700;justify-content:center;letter-spacing:.04em;min-height:44px;padding:12px 18px;text-transform:uppercase;width:100%}.no-plans-message{color:#64748b;font-size:.95rem;font-weight:500;padding:60px 20px;text-align:center}.subscription-actions{margin-top:24px;text-align:right}.subscription-summary{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;color:#334155;margin-top:24px;padding:16px 18px}.subscription-summary p{margin:0 0 8px}@media (max-width:768px){.settings-page{padding:15px}.settings-content{padding:18px}.form-row,.team-form-grid{grid-template-columns:1fr}.team-form-actions,.team-header,.team-member{align-items:flex-start;flex-direction:column}}@media (max-width:480px){.settings-page{padding:10px}.settings-page h1{font-size:20px}.settings-content{min-height:auto;padding:15px}.settings-section h3{font-size:16px}.subscription-card{padding:20px}.sub-price{font-size:20px}}@media (max-width:640px){.team-form{padding:18px 16px}.team-form-grid{grid-template-columns:1fr}.team-form-actions{align-items:stretch;flex-direction:column}.team-form .primary-btn,.team-form .secondary-btn{width:100%}}.qr-codes-page{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding:20px}.qr-header{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin-bottom:30px;padding:30px}.qr-title h1{color:#333;font-size:2.5rem;font-weight:700;margin:0 0 10px}.qr-title p{color:#666;font-size:1.1rem;margin:0}.alert{align-items:center;animation:slideIn .3s ease-out;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:20px;padding:16px 20px}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.alert-error{background-color:#fee;border-left:4px solid #c33;color:#c33}.alert-success{background-color:#efe;border-left:4px solid #3c3;color:#3c3}.alert-close{background:none;border:none;color:inherit;cursor:pointer;font-size:1.5rem;margin-left:10px;padding:0}.qr-quick-actions{background:#fff;border-left:5px solid #007bff;border-radius:12px;box-shadow:0 4px 12px #00000014;margin-bottom:30px;padding:25px}.action-group{align-items:center;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px}.action-group:last-child{margin-bottom:0}.action-label{color:#333;font-size:1rem;font-weight:600;min-width:180px}.location-dropdown{background-color:#f9f9f9;border:2px solid #e0e0e0;border-radius:8px;color:#333;cursor:pointer;flex:1 1;font-size:1rem;min-height:44px;min-width:250px;padding:12px 16px;transition:all .3s ease}.location-dropdown:hover{background-color:#fff;border-color:#007bff;box-shadow:0 2px 8px #007bff1a}.location-dropdown:focus{background-color:#fff;border-color:#0056b3;box-shadow:0 0 0 3px #007bff1a;outline:none}.location-dropdown optgroup{color:#333;font-weight:600}.location-dropdown option{color:#333;padding:10px}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:8px;min-height:44px;padding:10px 20px;transition:all .3s ease}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff}.btn-primary:hover:not(:disabled){box-shadow:0 6px 12px #007bff4d;transform:translateY(-2px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:linear-gradient(135deg,#6c757d,#5a6268);color:#fff}.btn-secondary:hover:not(:disabled){box-shadow:0 6px 12px #6c757d4d;transform:translateY(-2px)}.btn-danger{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff}.btn-danger:hover:not(:disabled){box-shadow:0 6px 12px #dc35454d;transform:translateY(-2px)}.btn-sm{font-size:.9rem;min-height:36px;padding:8px 12px}.btn-lg{font-size:1.1rem;min-height:50px;padding:15px 30px}.control-hint{color:#666;font-size:.9rem;font-style:italic;margin:10px 0 0}.qr-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.stat-card{background:#fff;border-radius:12px;border-top:4px solid #007bff;box-shadow:0 4px 12px #00000014;padding:20px;text-align:center}.stat-number{color:#007bff;font-size:2.5rem;font-weight:700;margin-bottom:10px}.stat-label{color:#666;font-size:1rem;letter-spacing:1px;text-transform:uppercase}.loading-container{color:#666;padding:60px}.empty-state,.loading-container{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;font-size:1.1rem;text-align:center}.empty-state{color:#999;padding:80px 40px}.section-title{border-bottom:2px solid #007bff;color:#333;font-size:1.5rem;font-weight:700;margin:30px 0 20px;padding-bottom:10px}.qr-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:20px}.qr-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease}.qr-card:hover{box-shadow:0 12px 24px #00000026;transform:translateY(-8px)}.qr-card-header{align-items:center;background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;display:flex;justify-content:space-between;padding:16px}.qr-card-header h3{font-size:1.2rem;font-weight:700;margin:0}.location-type{border-radius:20px;display:inline-block;font-size:.85rem;font-weight:600;padding:4px 12px;text-transform:uppercase}.location-type,.location-type.room,.location-type.table{background:#ffffff4d}.qr-card-content{align-items:center;background:#f9f9f9;display:flex;justify-content:center;min-height:180px;padding:20px}.qr-preview{text-align:center}.qr-preview img{background:#fff;border:2px solid #e0e0e0;border-radius:8px;height:auto;max-width:100%;padding:10px}.qr-identifier{color:#333;font-size:1.1rem;font-weight:700;margin:12px 0 0}.qr-placeholder{color:#999;font-size:1rem;text-align:center}.qr-card-footer{border-top:1px solid #e0e0e0;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:16px}.qr-card-meta{background:#f9f9f9;border-top:1px solid #e0e0e0;color:#999;padding:12px 16px;text-align:center}.modal-overlay{align-items:center;animation:fadeIn .3s ease-out;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:slideUp .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;background:linear-gradient(135deg,#007bff,#0056b3);border-bottom:1px solid #e0e0e0;color:#fff;display:flex;justify-content:space-between;padding:20px}.modal-header h2{font-size:1.5rem;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.8rem;height:40px;justify-content:center;padding:0;transition:background .3s;width:40px}.modal-close:hover{background:#fff3}.modal-body{padding:30px;text-align:center}.preview-container{background:#f9f9f9;border-radius:8px;margin-bottom:20px;padding:20px}.preview-image{background:#fff;border:2px solid #e0e0e0;border-radius:8px;height:auto;max-width:100%;padding:15px}.preview-details{background:#f9f9f9;border-radius:8px;margin-bottom:20px;padding:20px;text-align:left}.preview-details h3{color:#333;font-size:1.3rem;margin:0 0 15px}.preview-identifier,.preview-type{color:#666;font-size:1rem;margin:10px 0}.modal-footer{border-top:1px solid #e0e0e0;display:flex;gap:10px;justify-content:center;padding:20px}@media (max-width:768px){.qr-codes-page{padding:15px}.qr-header{padding:20px}.qr-title h1{font-size:1.8rem}.qr-title p{font-size:1rem}.qr-quick-actions{padding:15px}.action-group{align-items:stretch;flex-direction:column}.action-label{margin-bottom:5px;min-width:0;min-width:auto}.btn,.location-dropdown{width:100%}.qr-grid{grid-template-columns:1fr}.stat-card{padding:15px}.stat-number{font-size:2rem}.modal-content{max-height:95vh;width:95%}.modal-body,.modal-footer,.modal-header{padding:15px}.qr-card-footer{flex-direction:column}.btn-sm{width:100%}}@media (max-width:480px){.qr-codes-page{padding:10px}.qr-header{padding:15px}.qr-title h1{font-size:1.5rem}.qr-title p{font-size:.9rem}.qr-quick-actions{padding:12px}.action-label{font-size:.9rem}.location-dropdown{min-width:0;min-width:auto}.btn{font-size:.9rem;min-height:40px;padding:8px 12px}.btn-lg{font-size:1rem;padding:12px 20px}.qr-grid{gap:15px;grid-template-columns:1fr}.stat-card{padding:12px}.stat-number{font-size:1.8rem}.stat-label{font-size:.85rem}.modal-header h2{font-size:1.2rem}.preview-details{padding:15px}.preview-details h3{font-size:1.1rem}.preview-identifier,.preview-type{font-size:.95rem}.modal-footer{flex-direction:column;gap:8px}.btn-primary,.btn-secondary{width:100%}}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}#root{min-height:100vh}.app{background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}button,input,select,textarea{font-family:inherit;font-size:inherit}textarea{font-family:inherit}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#999}.home-page{margin:0 auto;max-width:1400px;padding:20px}.home-header{background:linear-gradient(135deg,#ed7d31,#d9651a);border-radius:12px;box-shadow:0 4px 12px #0000001a;color:#fff;margin-bottom:40px;padding:50px 40px;text-align:center}.home-header h1{font-size:42px;font-weight:700;margin:0 0 12px}.home-header p{font-size:18px;line-height:1.6;margin:0;opacity:.95}@media (max-width:900px){.home-page{padding:12px}.home-header{border-radius:8px;margin-bottom:16px;padding:18px 16px}.home-header h1{font-size:24px;margin:0 0 6px}.home-header p{font-size:13px;line-height:1.4}.home-actions{margin-top:12px}}.restaurants-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:40px}.restaurant-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:all .3s ease}.restaurant-card:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-8px)}.restaurant-card .banner{background:#e0e0e0;height:200px;object-fit:cover;width:100%}.card-content{display:flex;flex:1 1;flex-direction:column;padding:16px}.card-content h3{color:#1a1a1a;font-size:18px;font-weight:600;margin:0 0 8px}.cuisine{color:#666;font-size:13px}.cuisine,.rating{margin-bottom:10px}.rating{align-items:center;display:flex;gap:8px}.stars{color:#ffc107;font-size:14px}.address,.rating-count{color:#999;font-size:12px}.address{margin-top:auto;padding-top:8px}.loading{color:#666;font-size:16px;padding:40px;text-align:center}.loading:after{content:"Loading...";display:block;margin-top:10px}.error{background:#ffebee;color:#c62828}.error,.success{border-radius:8px;font-weight:600;margin:20px 0;padding:20px}.success{background:#e8f5e9;color:#2e7d32}@media (max-width:1024px){.restaurants-grid{gap:20px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media (max-width:768px){.home-page{padding:12px}.home-header{margin-bottom:24px;padding:30px 20px}.home-header h1{font-size:28px}.home-header p{font-size:15px}.restaurants-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.card-content{padding:12px}.card-content h3{font-size:15px}.restaurant-card .banner{height:140px}}@media (max-width:480px){.home-header{padding:20px}.home-header h1{font-size:24px}.restaurants-grid{gap:12px;grid-template-columns:1fr}}.admin-panel{margin:0 auto;max-width:1200px;padding:20px}.admin-panel h1{color:#333;margin-bottom:20px}.orders-queue{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.order-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:20px}.order-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:10px}.order-header h3{color:#333}.status{border-radius:20px;font-size:12px;font-weight:600;padding:5px 12px}.status.pending{background:#fff3cd;color:#856404}.status.confirmed{background:#cfe2ff;color:#084298}.status.preparing{background:#e2e3e5;color:#383d41}.status.ready,.status.served{background:#d1e7dd;color:#0a3622}.order-info,.order-items{margin-bottom:15px}.order-info p{color:#666;font-size:14px;margin:5px 0}.order-items h4{color:#333;margin-bottom:8px}.order-items p{color:#666;font-size:14px;padding:4px 0}.status-controls{display:flex;flex-wrap:wrap;gap:10px}.status-btn{background:#1976d2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:8px 12px;transition:background .3s}.status-btn:hover{background:#1565c0}@media (max-width:768px){.menu-and-cart,.restaurants-grid{grid-template-columns:1fr}.status-timeline{flex-direction:column}.home-header h1,.ordering-header h1{font-size:24px}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f5f5f5;color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.app{min-height:100vh}.menu-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:20px}.category-section{border:1px solid #e0e0e0;border-radius:8px;margin-bottom:15px;overflow:hidden}.category-header{align-items:center;background:#f9f9f9;cursor:pointer;display:flex;font-weight:600;justify-content:space-between;padding:15px;transition:background .3s}.category-header:hover{background:#f0f0f0}.category-items{padding:15px}.menu-item{align-items:flex-start;border-bottom:1px solid #e0e0e0;display:flex;gap:15px;justify-content:space-between;padding:12px}.menu-item:last-child{border-bottom:none}.item-details{flex:1 1}.item-details h4{color:#333;margin-bottom:5px}.item-description{color:#666;font-size:13px;margin-bottom:8px}.item-meta{display:flex;gap:8px}.badge{background:#e3f2fd;border-radius:4px;color:#1976d2;font-size:11px;padding:3px 8px}.badge.veg{background:#e8f5e9;color:#388e3c}.item-footer{align-items:center;display:flex;gap:10px;justify-content:flex-end;min-width:120px}.price{color:#1976d2;font-size:16px;font-weight:700}.add-btn{background:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:600;padding:8px 16px;transition:background .3s}.add-btn:hover{background:#45a049}.add-btn:disabled{background:#ccc;cursor:not-allowed}.cart-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:20px}.cart-empty{color:#999;padding:40px 20px;text-align:center}.cart-items{margin-bottom:20px;max-height:400px;overflow-y:auto}.cart-item{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;gap:10px;justify-content:space-between;padding:12px}.item-info{flex:1 1}.item-info h4{margin-bottom:5px}.item-quantity{align-items:center;border:1px solid #ddd;border-radius:4px;display:flex;gap:5px}.item-quantity button{background:#f5f5f5;border:none;cursor:pointer;padding:5px 10px}.item-quantity input{border:none;font-weight:600;text-align:center;width:40px}.item-price{font-weight:600;min-width:80px;text-align:right}.remove-btn{background:#f44336;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:5px 10px}.special-requests{margin-bottom:20px}.special-requests textarea{border:1px solid #ddd;border-radius:4px;font-family:inherit;min-height:80px;padding:10px;resize:vertical;width:100%}.cart-summary{background:#f9f9f9;border-radius:4px;margin-bottom:20px;padding:15px}.summary-row{display:flex;font-size:14px;justify-content:space-between;margin-bottom:8px}.summary-row.total{border-top:2px solid #e0e0e0;font-size:16px;font-weight:700;padding-top:10px}.checkout-btn{background:#1976d2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px;transition:background .3s;width:100%}.checkout-btn:hover{background:#1565c0}.order-status-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:20px}.status-timeline{display:flex;justify-content:space-between;margin:30px 0;position:relative}.status-timeline:before{background:#e0e0e0;content:"";height:2px;left:0;position:absolute;right:0;top:20px;z-index:0}.status-step{align-items:center;display:flex;flex:1 1;flex-direction:column;position:relative;z-index:1}.status-step.completed .step-dot{background:#4caf50;box-shadow:0 0 0 4px #e8f5e9}.status-step.completed .step-label{color:#4caf50}.step-dot{align-items:center;background:#e0e0e0;border-radius:50%;color:#999;display:flex;font-weight:600;height:40px;justify-content:center;margin-bottom:10px;width:40px}.step-label{color:#999;font-size:12px;font-weight:500;text-align:center}.order-details{background:#f9f9f9;border-radius:4px;margin-bottom:20px;padding:15px}.detail-item{border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:8px 0}.order-summary{background:#f5f5f5;border-radius:4px;margin-bottom:20px;padding:15px}.total{border-top:2px solid #ddd;font-size:16px;font-weight:700;padding-top:10px}.payment-status{border-radius:4px;font-weight:600;margin-top:10px;padding:8px 12px}.payment-status.paid{background:#c8e6c9;color:#2e7d32}.payment-status.unpaid{background:#ffccbc;color:#d84315}.ready-notification{animation:pulse 2s infinite;background:#fff3e0;border-radius:4px;color:#e65100;font-weight:600;margin-top:20px;padding:15px;text-align:center}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.payment-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin:0 auto;max-width:500px;padding:20px}.payment-amount{background:#f9f9f9;border-radius:8px;font-size:18px;margin-bottom:20px;padding:20px;text-align:center}.payment-methods{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.payment-methods label{align-items:center;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;display:flex;padding:12px;transition:background .3s}.payment-methods label:hover{background:#f9f9f9}.payment-methods input{cursor:pointer;margin-right:10px}.pay-btn{background:#1976d2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px;transition:background .3s;width:100%}.pay-btn:hover{background:#1565c0}.pay-btn:disabled{background:#ccc;cursor:not-allowed}@media (max-width:768px){.menu-and-cart{flex-direction:column}.status-timeline{font-size:12px}.menu-item{flex-direction:column}.item-footer{justify-content:space-between;width:100%}}
/*# sourceMappingURL=main.4867ed76.css.map*/