:root{--bg: #fafafa;--surface: #ffffff;--ink: #1a1a1a;--subtext: #767676;--line: #efefef;--orange: #f1592a;--orange-dark: #d6441a;--orange-tint: #fdece4;--orange-tint-2: #fbddcf;--green: #1fa34a;--danger: #e0483c;--font-display: "Poppins", "Inter", sans-serif;--font-body: "Inter", sans-serif;--font-mono: "IBM Plex Mono", monospace;--nav-h: 64px;--header-safe-top: env(safe-area-inset-top, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;padding:0;min-height:100vh;background:var(--bg);color:var(--ink);font-family:var(--font-body)}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}input,textarea{font-family:inherit}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:var(--line);border-radius:999px}@keyframes Eatnoe-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes Eatnoe-pulse{0%,to{transform:scale(.92);opacity:.85}50%{transform:scale(1.06);opacity:1}}@keyframes Eatnoe-fade{0%,to{opacity:.55}50%{opacity:1}}.app-shell{min-height:100vh;background:var(--bg)}.main-content{max-width:480px;margin:0 auto;min-height:100vh;background:var(--bg);position:relative;padding-bottom:calc(var(--nav-h) + 16px)}.nav-bar{position:fixed;bottom:0;left:0;right:0;height:var(--nav-h);background:#fff;border-top:1px solid var(--line);display:flex;justify-content:space-around;align-items:center;max-width:480px;margin:0 auto;z-index:40}.nav-item{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:11px;font-weight:500;color:#9a9a9a;padding:6px 10px}.nav-item.active{color:var(--orange)}.cart-bar{position:fixed;left:50%;transform:translate(-50%);width:calc(100% - 24px);max-width:456px;bottom:calc(var(--nav-h) + 10px);background:var(--orange-tint-2);display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:12px;z-index:39;box-sizing:border-box}.main-content.has-cart-bar{padding-bottom:calc(var(--nav-h) + 88px)}.order-footer{position:fixed;left:50%;transform:translate(-50%);width:100%;max-width:480px;bottom:var(--nav-h);display:flex;justify-content:space-between;align-items:center;padding:16px 18px;z-index:39;box-sizing:border-box}.sidebar-topbar,.sidebar-brand,.sidebar-collapse-btn{display:none}.sidebar-label-text{display:inline}.sidebar-spacer,.sidebar-user-block{display:none}.sidebar-scroll{display:contents}.mobile-logout-fab{position:fixed;top:calc(12px + var(--header-safe-top));right:12px;z-index:50;width:38px;height:38px;border-radius:50%;border:1px solid rgba(224,72,60,.25);background:#fdedeb;color:var(--danger);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px -4px #00000026}.mobile-brand-header{position:fixed;top:calc(12px + var(--header-safe-top));left:12px;z-index:50;display:flex;align-items:center;gap:8px;max-width:calc(100% - 90px)}.mobile-brand-logo{width:38px;height:38px;border-radius:10px;background:var(--orange-tint);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px -4px #00000026}.mobile-brand-name{font-family:var(--font-display);font-weight:700;font-size:13.5px;line-height:1.2}.mobile-brand-restaurant{font-size:11px;color:var(--subtext);line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.staff-main-content{padding-top:64px!important}.header-brand-mobile{display:flex;align-items:center;gap:10px;min-width:0;flex:1 1 auto}.sticky-top-bar{position:sticky;top:0;z-index:30;background:var(--bg)}@media (min-width: 900px){.app-shell{display:flex}.mobile-logout-fab,.mobile-brand-header{display:none}.sidebar-topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 14px 20px;margin-bottom:6px;border-bottom:1px solid var(--line)}.sidebar-brand{display:flex;align-items:center;gap:10px;min-width:0}.sidebar-brand-logo{width:40px;height:40px;border-radius:10px;background:var(--orange-tint);display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-brand-name{font-family:var(--font-display);font-weight:700;font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-brand-mobile,.mobile-logout-item{display:none}.sidebar-spacer{display:block;flex:1;min-height:16px}.sidebar-user-block{display:block;flex-shrink:0;border-top:1px solid var(--line);padding-top:14px;margin-top:8px}.sidebar-topbar{flex-shrink:0}.sidebar-scroll{display:flex;flex-direction:column;gap:6px;flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.nav-bar:has(.sidebar-scroll){overflow:hidden}.order-footer{position:sticky;left:auto;transform:none;width:auto;max-width:none;bottom:0;border-radius:12px 12px 0 0}.nav-bar{position:sticky;top:0;left:auto;right:auto;bottom:auto;width:240px;max-width:240px;height:100vh;flex-direction:column;justify-content:flex-start;align-items:stretch;padding:20px 16px;border-top:none;border-right:1px solid var(--line);gap:6px;margin:0;flex-shrink:0;overflow-y:auto}.nav-item{flex-direction:row;justify-content:flex-start;gap:12px;padding:11px 14px;border-radius:12px;width:100%}.nav-item:hover{background:var(--orange-tint)}.main-content{max-width:none;flex:1;padding-bottom:24px;min-width:0}.staff-main-content{padding-top:20px!important}.cart-bar{left:auto;right:auto;transform:none;position:sticky;bottom:16px;width:auto;max-width:640px;margin-left:auto;margin-right:auto}.main-content.has-cart-bar{padding-bottom:24px}.sidebar-collapse-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--line);background:#fff;border-radius:10px;color:var(--ink);flex-shrink:0}.sidebar-collapse-btn:hover{background:var(--orange-tint);border-color:var(--orange-tint)}.sidebar-username{font-family:var(--font-display);font-weight:600;font-size:14.5px;letter-spacing:.01em}.sidebar-userrole{font-size:11px;font-weight:600;color:var(--orange-dark);text-transform:uppercase;letter-spacing:.08em;margin-top:3px;margin-bottom:12px}.sidebar-user-block .user-text{text-align:center}.sidebar-logout-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;background:#fdedeb;border:1px solid rgba(224,72,60,.25);border-radius:10px;padding:10px 12px;font-size:13.5px;font-weight:600;color:var(--danger)}.sidebar-logout-btn:hover{background:#e0483c24}.nav-bar.collapsed{width:76px;max-width:76px;padding-left:16px;padding-right:16px}.nav-bar.collapsed .sidebar-topbar{justify-content:center;padding-left:0;padding-right:0;position:relative;height:40px}.nav-bar.collapsed .sidebar-brand-name,.nav-bar.collapsed .nav-item span,.nav-bar.collapsed .sidebar-label-text,.nav-bar.collapsed .sidebar-user-block .user-text{display:none}.nav-bar.collapsed .sidebar-brand{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:40px;justify-content:center;opacity:1;transition:opacity .15s ease}.nav-bar.collapsed .sidebar-collapse-btn{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;opacity:0;transition:opacity .15s ease}.nav-bar.collapsed .sidebar-topbar:hover .sidebar-brand{opacity:0}.nav-bar.collapsed .sidebar-topbar:hover .sidebar-collapse-btn{opacity:1}.nav-bar.collapsed .nav-item{justify-content:center;padding-left:0;padding-right:0;gap:0}}.guest-profile-trigger{display:none!important}.nav-item-profile{border:none;background:none;font-family:inherit;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.nav-item-profile svg{width:22px;height:22px}.gp-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:130;background:#00000073;display:flex;align-items:flex-end;justify-content:center}@media (min-width: 700px){.gp-overlay{align-items:center}}.gp-sheet{background:#fff;width:100%;max-width:460px;border-radius:22px 22px 0 0;max-height:88vh;display:flex;flex-direction:column;overflow:hidden}@media (min-width: 700px){.gp-sheet{border-radius:22px}}.gp-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--line)}.gp-head h3{margin:0;font-family:var(--font-display);font-size:17px;font-weight:800}body{overflow-wrap:anywhere}@media (max-width: 760px){.counter-layout{grid-template-columns:minmax(0,1fr)!important}.counter-cart{position:static!important}}.tap-target:after{content:"";position:absolute;top:50%;left:50%;width:max(100%,44px);height:max(100%,44px);transform:translate(-50%,-50%)}.gp-icon-btn{width:32px;height:32px;border-radius:50%;border:none;background:var(--bg);display:flex;align-items:center;justify-content:center;color:var(--ink)}.gp-body{padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.gp-identity{display:flex;align-items:center;gap:12px}.gp-identity-avatar{width:52px;height:52px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:16px;background:linear-gradient(135deg,#f1592a,#ec4899)}.gp-name-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.gp-identity h4{margin:0;font-family:var(--font-display);font-size:18px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gp-logout{flex-shrink:0;display:inline-flex;align-items:center;gap:4px;border:1px solid var(--line);background:#fff;color:var(--subtext);border-radius:999px;padding:5px 10px;font-size:12px;font-weight:700;cursor:pointer}.gp-logout:hover{color:var(--danger);border-color:var(--danger)}.gp-identity p{margin:2px 0 0;font-size:12px;color:var(--subtext)}.gp-loyalty{display:flex;align-items:center;gap:12px;background:#101014;color:#fff;border-radius:16px;padding:14px 16px}.gp-loyalty-icon{width:38px;height:38px;border-radius:50%;background:#ffffff14;color:var(--orange);display:flex;align-items:center;justify-content:center}.gp-loyalty strong{display:block;font-size:14px}.gp-loyalty span{font-size:11px;color:#fff9}.gp-section{border:1px solid var(--line);border-radius:16px;padding:14px}.gp-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.gp-section-head h5{margin:0;display:flex;align-items:center;gap:6px;font-size:11px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:var(--subtext)}.gp-section-head button{display:inline-flex;align-items:center;gap:4px;border:none;background:none;color:var(--orange);font-weight:800;font-size:12px}.gp-empty{margin:0;font-size:12.5px;color:var(--subtext)}.gp-address,.gp-order{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-top:1px solid var(--line)}.gp-address:first-of-type,.gp-order:first-of-type{border-top:none}.gp-address strong,.gp-order strong{display:block;font-size:13px}.gp-address span,.gp-order span{font-size:11.5px;color:var(--subtext);display:block;margin-top:2px}.gp-address-actions{display:flex;gap:4px;flex-shrink:0}.gp-address-actions button{width:28px;height:28px;border-radius:8px;border:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:center;color:var(--subtext)}.gp-order-total{font-weight:800;font-size:13px;color:var(--ink)!important;flex-shrink:0}.gp-address-form{display:flex;flex-direction:column;gap:8px;margin-top:10px}.gp-address-form input{border:1px solid var(--line);border-radius:10px;padding:9px 11px;font-size:13px}.gp-row3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.gp-form-actions{display:flex;gap:8px}.gp-form-actions button{flex:1;border-radius:10px;padding:9px;font-weight:700;font-size:13px;border:1px solid var(--line);background:#fff}.gp-form-actions button[type=submit]{background:var(--orange);color:#fff;border-color:var(--orange)}.gp-fav-list{display:flex;flex-direction:column;gap:8px}.gp-fav{display:flex;align-items:center;gap:10px}.gp-fav img,.gp-fav-ph{width:34px;height:34px;border-radius:9px;object-fit:cover;flex-shrink:0;background:var(--orange-tint);display:flex;align-items:center;justify-content:center;color:var(--orange)}.gp-fav-name{flex:1;font-size:13px;font-weight:600}.gp-fav-price{font-size:12.5px;color:var(--subtext)}.gp-fav button{width:24px;height:24px;border-radius:50%;border:none;background:var(--bg);display:flex;align-items:center;justify-content:center;color:var(--subtext)}.gp-order-btn{width:100%;border:none;border-top:1px solid var(--line);background:none;text-align:left;cursor:pointer;font:inherit}.gp-order-btn:first-of-type{border-top:none}.gp-order-btn:disabled{opacity:.5}.gp-order-right{display:flex!important;align-items:center;gap:6px;flex-shrink:0;color:var(--subtext);margin-top:0!important}.gp-bill-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:140;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:16px}.gp-bill-sheet{position:relative;background:#fff;border-radius:16px;width:90%;max-width:520px;height:88%;display:flex;flex-direction:column}.gp-bill-close{position:absolute;top:10px;right:10px;z-index:1}.gp-bill-scroll{overflow-y:auto;padding:20px}