@font-face{font-family:Raleway;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/raleway-cyrillic-ext.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Raleway;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/raleway-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Raleway;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/raleway-vietnamese.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Raleway;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/raleway-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Raleway;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/raleway-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Material Icons Round;font-style:normal;font-weight:400;font-display:block;src:url(/fonts/MaterialIconsRound.woff2) format("woff2")}.material-icons-round{font-family:Material Icons Round;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}:root{--color-primary: #009688;--color-primary-light: #b2dfdb;--color-primary-dark: #00796b;--color-accent: #007D8B;--color-bg: #fafafa;--color-bg-alt: #f0f0f0;--color-surface: #ffffff;--color-surface-hover: #f5f5f5;--color-text: #212121;--color-text-secondary: #757575;--color-text-hint: #9e9e9e;--color-text-on-primary: #ffffff;--color-border: #e0e0e0;--color-divider: rgba(0, 0, 0, .08);--color-error: #d32f2f;--color-success: #4caf50;--color-warning: #ff9800;--color-overlay: rgba(0, 0, 0, .5);--gradient-primary: linear-gradient(135deg, #009688 0%, #00796b 100%);--gradient-accent: linear-gradient(135deg, #007D8B 0%, #004d40 100%);--gradient-surface: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,.03) 100%);--font-family: "Raleway", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semi: 600;--font-weight-bold: 700;--line-height: 1.6;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .16);--shadow-glow: 0 0 20px rgba(0, 150, 136, .3);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .5s cubic-bezier(.34, 1.56, .64, 1);--z-dropdown: 100;--z-sticky: 200;--z-drawer: 300;--z-modal: 400;--z-toast: 500;--z-tooltip: 600;--header-height: 56px;--bottom-nav-height: 64px;--drawer-width: 280px;--max-content-width: 1200px;--content-padding: var(--space-md)}[data-theme=dark]{--color-primary: #4db6ac;--color-primary-light: #00897b;--color-primary-dark: #004d40;--color-accent: #26a69a;--color-bg: #121212;--color-bg-alt: #1a1a1a;--color-surface: #1e1e1e;--color-surface-hover: #2a2a2a;--color-text: #e0e0e0;--color-text-secondary: #a0a0a0;--color-text-hint: #707070;--color-text-on-primary: #000000;--color-border: #333333;--color-divider: rgba(255, 255, 255, .08);--color-error: #ef5350;--color-success: #66bb6a;--color-warning: #ffa726;--color-overlay: rgba(0, 0, 0, .7);--gradient-primary: linear-gradient(135deg, #4db6ac 0%, #00897b 100%);--gradient-accent: linear-gradient(135deg, #26a69a 0%, #004d40 100%);--gradient-surface: linear-gradient(180deg, rgba(30,30,30,0) 0%, rgba(0,0,0,.2) 100%);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .4);--shadow-md: 0 4px 12px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .6);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .7);--shadow-glow: 0 0 20px rgba(77, 182, 172, .3)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:var(--font-family);font-weight:var(--font-weight-regular);line-height:var(--line-height);color:var(--color-text);background-color:var(--color-bg);overflow-x:hidden;min-height:100vh;min-height:100dvh;transition:background-color var(--transition-normal),color var(--transition-normal)}#app{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:1.2;color:var(--color-text)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}p{margin-bottom:var(--space-sm);color:var(--color-text-secondary)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark)}ul,ol{list-style:none}img{max-width:100%;height:auto;display:block}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;outline:none;background:none;-webkit-tap-highlight-color:transparent}button:disabled{cursor:not-allowed;opacity:.5}input,select,textarea{font-family:inherit;font-size:var(--font-size-base);color:var(--color-text);border:none;outline:none;background:transparent}input::placeholder,textarea::placeholder{color:var(--color-text-hint)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-hint)}::selection{background-color:var(--color-primary);color:var(--color-text-on-primary)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.material-icons-round{font-size:24px;vertical-align:middle;-webkit-user-select:none;user-select:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-center{text-align:center}.text-right{text-align:right}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flex{display:flex}.flex-col{flex-direction:column}.flex-center{align-items:center;justify-content:center}.flex-between{justify-content:space-between}.flex-gap-sm{gap:var(--space-sm)}.flex-gap-md{gap:var(--space-md)}.flex-1{flex:1}.w-full{width:100%}.safe-area-top{padding-top:env(safe-area-inset-top,0)}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom,0)}.view-push-enter-active,.view-push-leave-active{transition:transform var(--transition-normal),opacity var(--transition-normal)}.view-push-enter-from{transform:translate(100%);opacity:0}.view-push-leave-to{transform:translate(-30%);opacity:0}.view-pop-enter-active,.view-pop-leave-active{transition:transform var(--transition-normal),opacity var(--transition-normal)}.view-pop-enter-from{transform:translate(-30%);opacity:0}.view-pop-leave-to{transform:translate(100%);opacity:0}.fade-enter-active,.fade-leave-active{transition:opacity var(--transition-normal)}.fade-enter-from,.fade-leave-to{opacity:0}.slide-up-enter-active,.slide-up-leave-active{transition:transform var(--transition-normal),opacity var(--transition-normal)}.slide-up-enter-from{transform:translateY(20px);opacity:0}.slide-up-leave-to{transform:translateY(-10px);opacity:0}.slide-down-enter-active,.slide-down-leave-active{transition:transform var(--transition-normal),opacity var(--transition-normal)}.slide-down-enter-from,.slide-down-leave-to{transform:translateY(-100%);opacity:0}.scale-enter-active{transition:transform var(--transition-bounce),opacity var(--transition-fast)}.scale-leave-active{transition:transform var(--transition-fast),opacity var(--transition-fast)}.scale-enter-from{transform:scale(.9);opacity:0}.scale-leave-to{transform:scale(.95);opacity:0}.drawer-enter-active,.drawer-leave-active{transition:transform var(--transition-normal)}.drawer-enter-from,.drawer-leave-to{transform:translate(-100%)}.list-enter-active{transition:opacity var(--transition-normal),transform var(--transition-normal)}.list-leave-active{transition:opacity var(--transition-fast),transform var(--transition-fast)}.list-enter-from{opacity:0;transform:translateY(15px)}.list-leave-to{opacity:0;transform:translate(30px)}.list-move{transition:transform var(--transition-normal)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--color-bg-alt) 25%,var(--color-surface) 50%,var(--color-bg-alt) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}@keyframes bounceInDown{0%{opacity:0;transform:translateY(-300px)}60%{transform:translateY(15px)}80%{transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.bounce-in-down{animation:bounceInDown 1.5s cubic-bezier(.34,1.56,.64,1) .3s both}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.pulse{animation:pulse 2s ease-in-out infinite}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}.shake{animation:shake .5s cubic-bezier(.36,.07,.19,.97)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}.ripple{position:relative;overflow:hidden}.ripple:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle,var(--color-text-on-primary) 10%,transparent 10%);background-position:center;background-size:0;opacity:0;transition:background-size .6s ease,opacity .6s ease}.ripple:active:after{background-size:1000%;opacity:.15;transition:0s}@media (min-width: 768px){:root{--content-padding: var(--space-lg);--header-height: 64px}.hide-tablet{display:none!important}.show-tablet{display:block!important}.show-tablet-flex{display:flex!important}}@media (min-width: 1024px){:root{--content-padding: var(--space-xl)}.hide-desktop{display:none!important}.show-desktop{display:block!important}.show-desktop-flex{display:flex!important}}@media (min-width: 1440px){:root{--content-padding: var(--space-2xl)}}@media (max-width: 767px){.hide-mobile{display:none!important}.show-mobile{display:block!important}.show-mobile-flex{display:flex!important}}.grid{display:grid;gap:var(--space-md)}.grid-1{grid-template-columns:1fr}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-auto{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.dish-grid{display:grid;gap:var(--space-md);grid-template-columns:1fr}@media (min-width: 768px){.dish-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.dish-grid{grid-template-columns:repeat(3,1fr)}}.container{width:100%;max-width:var(--max-content-width);margin:0 auto;padding:0 var(--content-padding)}.app-layout{display:flex;min-height:100vh;min-height:100dvh}.app-sidebar{display:none;width:var(--drawer-width);flex-shrink:0}.app-main{flex:1;min-width:0;display:flex;flex-direction:column}@media (min-width: 1024px){.app-sidebar{display:flex;flex-direction:column;border-right:1px solid var(--color-border);background:var(--color-surface);position:sticky;top:0;height:100vh;height:100dvh;overflow-y:auto}}[data-kiosk=true]{--header-height: 48px;--bottom-nav-height: 0px}[data-kiosk=true] .bottom-nav,[data-kiosk=true] .app-sidebar{display:none!important}@media (hover: none){.hover-only{display:none!important}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}