.sidebar{background:hsl(var(--color-surface-container-low));border-right:1px solid hsl(var(--color-outline-variant) / .4);width:260px;min-height:100vh;z-index:var(--z-sticky);transition:transform var(--transition-smooth);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar__brand{align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-5);border-bottom:1px solid hsl(var(--color-outline-variant) / .3);display:flex}.sidebar__logo{border-radius:var(--radius-md);background:hsl(var(--color-secondary));color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.sidebar__brand-text{font-family:var(--font-display);font-size:var(--text-lg);color:hsl(var(--color-on-surface))}.sidebar__brand-text strong{font-weight:700}.sidebar__nav{padding:var(--space-4) var(--space-3);gap:var(--space-1);flex-direction:column;flex:1;display:flex;overflow-y:auto}.sidebar__link{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:hsl(var(--color-on-surface-variant));font-size:var(--text-sm);transition:all var(--transition-fast);min-height:44px;font-weight:500;text-decoration:none;display:flex}.sidebar__link:hover{background:hsl(var(--color-surface-container));color:hsl(var(--color-on-surface))}.sidebar__link--active{background:hsl(var(--color-secondary));color:hsl(var(--color-on-secondary))!important}.sidebar__link--active .sidebar__link-icon{filter:brightness(10)}.sidebar__link-icon{text-align:center;flex-shrink:0;width:24px;font-size:1.1em}.sidebar__footer{padding:var(--space-4) var(--space-5);border-top:1px solid hsl(var(--color-outline-variant) / .3)}.sidebar__user{align-items:center;gap:var(--space-3);display:flex}.sidebar__avatar{border-radius:var(--radius-full);background:hsl(var(--color-surface-container-high));width:36px;height:36px;font-family:var(--font-mono);font-size:var(--text-xs);color:hsl(var(--color-on-surface));flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex}.sidebar__user-info{flex-direction:column;min-width:0;display:flex}.sidebar__user-name{font-size:var(--text-sm);color:hsl(var(--color-on-surface));white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.sidebar__user-role{font-size:var(--text-xs);color:hsl(var(--color-on-surface-variant))}.sidebar__version{font-family:var(--font-mono);color:hsl(var(--color-outline));margin-top:var(--space-2);font-size:10px;display:block}.sidebar--kitchen{background:#101318;border-right-color:#22252a}.sidebar--kitchen .sidebar__brand-text{color:#f0f0f0}.sidebar--kitchen .sidebar__link{color:#8f96a3}.sidebar--kitchen .sidebar__link:hover{color:#f0f0f0;background:#1d212b}.sidebar--kitchen .sidebar__user-name{color:#f0f0f0}@media (width<=768px){.sidebar{transform:translate(-100%)}.sidebar--open{transform:translate(0)}}.admin-layout{min-height:100vh;display:flex}.admin-layout__sidebar-wrap{display:none}.admin-layout__overlay{z-index:199;background:#0006;position:fixed;inset:0}.admin-layout__main{flex-direction:column;flex:1;min-height:100vh;margin-left:260px;display:flex}.admin-layout__topbar{padding:var(--space-3) var(--space-4);background:hsl(var(--color-surface-container-lowest));border-bottom:1px solid hsl(var(--color-outline-variant) / .4);z-index:var(--z-sticky);display:none;position:sticky;top:0}.admin-layout__menu-btn{cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md);color:hsl(var(--color-on-surface));background:0 0;border:none}.admin-layout__menu-btn:hover{background:hsl(var(--color-surface-container))}.admin-layout__content{padding:var(--space-6);background:hsl(var(--color-background));flex:1;overflow-y:auto}.admin-layout__footer{padding:var(--space-4) var(--space-6);border-top:1px solid hsl(var(--color-outline-variant) / .3);background:hsl(var(--color-surface-container-lowest));justify-content:space-between;align-items:center;display:flex}.admin-layout__powered{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:hsl(var(--color-outline));font-size:10px}.admin-layout__links{font-size:var(--text-xs);color:hsl(var(--color-on-surface-variant))}@media (width<=768px){.admin-layout__sidebar-wrap{z-index:var(--z-modal);transition:transform var(--transition-smooth);display:block;position:fixed;transform:translate(-100%)}.admin-layout__sidebar-open{transform:translate(0)}.admin-layout__main{margin-left:0}.admin-layout__topbar{display:flex}.admin-layout__content{padding:var(--space-4)}}@media (width>=769px){.admin-layout__sidebar-wrap{display:block}}.bottom-nav{background:hsl(var(--color-surface-container-lowest));border-top:1px solid hsl(var(--color-outline-variant) / .4);padding:var(--space-2) 0;padding-bottom:calc(var(--space-2) + env(safe-area-inset-bottom,0px));z-index:var(--z-sticky);justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav__tab{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent;flex-direction:column;align-items:center;gap:2px;min-width:64px;text-decoration:none;display:flex}.bottom-nav__tab--active{background:hsl(var(--color-secondary) / .08)}.bottom-nav__icon-wrap{justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:relative}.bottom-nav__badge{background:hsl(var(--color-secondary));color:#fff;border-radius:var(--radius-full);justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-6px;right:-10px}.bottom-nav__label{color:hsl(var(--color-on-surface-variant));font-size:11px;font-weight:500}.bottom-nav__tab--active .bottom-nav__label{color:hsl(var(--color-secondary));font-weight:600}.customer-layout{background:hsl(var(--color-background));flex-direction:column;max-width:480px;min-height:100vh;margin:0 auto;display:flex}.customer-layout__content{flex:1;padding-bottom:80px}.skeleton-card{border-radius:var(--radius-lg);background:hsl(var(--color-surface-container-lowest));border:1px solid hsl(var(--color-outline-variant) / .3);overflow:hidden}.skeleton-card__content{padding:var(--space-4);gap:var(--space-2);flex-direction:column;display:flex}.skeleton-list{gap:var(--space-4);flex-direction:column;display:flex}:root{--color-surface:240 100% 99%;--color-surface-dim:224 29% 87%;--color-surface-bright:240 100% 99%;--color-surface-container-lowest:0 0% 100%;--color-surface-container-low:228 100% 97%;--color-surface-container:224 95% 95%;--color-surface-container-high:224 54% 93%;--color-surface-container-highest:224 47% 91%;--color-on-surface:216 30% 12%;--color-on-surface-variant:180 3% 28%;--color-inverse-surface:216 20% 20%;--color-inverse-on-surface:220 100% 97%;--color-outline:180 2% 47%;--color-outline-variant:180 2% 78%;--color-background:240 100% 99%;--color-on-background:216 30% 12%;--color-surface-variant:224 47% 91%;--color-primary:0 0% 0%;--color-on-primary:0 0% 100%;--color-primary-container:0 3% 11%;--color-on-primary-container:0 1% 52%;--color-inverse-primary:0 2% 78%;--color-secondary:16 100% 34%;--color-on-secondary:0 0% 100%;--color-secondary-container:16 100% 42%;--color-on-secondary-container:0 0% 100%;--color-tertiary:160 100% 30%;--color-on-tertiary:0 0% 100%;--color-tertiary-container:160 100% 7%;--color-on-tertiary-container:160 100% 30%;--color-error:0 83% 42%;--color-on-error:0 0% 100%;--color-error-container:4 100% 92%;--color-on-error-container:356 100% 29%;--color-success:160 100% 30%;--color-warning:38 92% 50%;--color-info:216 80% 56%;--color-accent:16 100% 42%;--color-accent-hover:16 100% 36%;--color-accent-light:16 100% 96%;--color-pending:0 84% 60%;--color-preparing:16 100% 42%;--color-ready:160 84% 39%;--font-display:"Geist", system-ui, -apple-system, sans-serif;--font-body:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-gutter:1.25rem;--container-max:80rem;--radius-xs:.25rem;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 12px #0000000d;--shadow-lg:0 12px 24px #0000001a;--shadow-xl:0 20px 40px #0000001f;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.2s cubic-bezier(.4, 0, .2, 1);--transition-smooth:.3s cubic-bezier(.4, 0, .2, 1);--z-base:0;--z-dropdown:100;--z-sticky:200;--z-modal:300;--z-toast:400}.kitchen-mode{--color-surface:220 20% 8%;--color-surface-container-lowest:220 20% 10%;--color-surface-container-low:220 20% 12%;--color-surface-container-high:220 20% 14%;--color-on-surface:0 0% 95%;--color-on-surface-variant:220 10% 70%;--color-outline:220 10% 30%;--color-outline-variant:220 10% 20%}@font-face{font-family:Geist;src:url(https://cdn.jsdelivr.net/npm/geist@1.0.0/dist/fonts/geist-sans/Geist-SemiBold.woff2)format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Geist;src:url(https://cdn.jsdelivr.net/npm/geist@1.0.0/dist/fonts/geist-sans/Geist-Medium.woff2)format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Inter;src:url(https://cdn.jsdelivr.net/npm/@fontsource/inter@5.0.0/files/inter-latin-400-normal.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Inter;src:url(https://cdn.jsdelivr.net/npm/@fontsource/inter@5.0.0/files/inter-latin-600-normal.woff2)format("woff2");font-weight:600;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(https://cdn.jsdelivr.net/npm/@fontsource/jetbrains-mono@5.0.0/files/jetbrains-mono-latin-500-normal.woff2)format("woff2");font-weight:500;font-display:swap}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);font-size:var(--text-base);color:hsl(var(--color-on-surface));background-color:hsl(var(--color-background));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;overflow-x:hidden}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}a{color:inherit;text-decoration:none}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);overflow-wrap:break-word;font-weight:600;line-height:1.2}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}p{max-width:65ch}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.container{width:100%;max-width:var(--container-max);padding:0 var(--space-gutter);margin:0 auto}:focus-visible{outline:2px solid hsl(var(--color-secondary));outline-offset:2px}::selection{background-color:hsl(var(--color-secondary) / .15)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:hsl(var(--color-outline) / .3);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:hsl(var(--color-outline) / .5)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in{animation:fadeIn var(--transition-smooth) ease-out forwards}.animate-slide-up{animation:slideUp var(--transition-smooth) ease-out forwards}.animate-scale-in{animation:scaleIn var(--transition-base) ease-out forwards}.skeleton{background:linear-gradient(90deg, hsl(var(--color-surface-container)) 25%, hsl(var(--color-surface-container-high)) 50%, hsl(var(--color-surface-container)) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite shimmer}@media (hover:none) and (pointer:coarse){button,[role=button],a{min-width:44px;min-height:44px}}