/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-emerald-300:oklch(84.5% .143 164.978);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-500:oklch(69.6% .17 162.48);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-300:oklch(80.9% .105 251.813);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-white:#fff;--spacing:.25rem;--container-2xl:42rem;--container-6xl:72rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--tracking-tight:-.025em;--leading-relaxed:1.625;--radius-2xl:1rem;--blur-2xl:40px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.absolute{position:absolute}.relative{position:relative}.top-0{top:calc(var(--spacing) * 0)}.top-6{top:calc(var(--spacing) * 6)}.right-0{right:calc(var(--spacing) * 0)}.left-0{left:calc(var(--spacing) * 0)}.left-1\/2{left:50%}.mx-auto{margin-inline:auto}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-auto{margin-top:auto}.mb-32{margin-bottom:calc(var(--spacing) * 32)}.ml-1\.5{margin-left:calc(var(--spacing) * 1.5)}.block{display:block}.flex{display:flex}.hidden{display:none}.inline-flex{display:inline-flex}.table{display:table}.h-0\.75{height:calc(var(--spacing) * .75)}.h-4{height:calc(var(--spacing) * 4)}.h-7{height:calc(var(--spacing) * 7)}.h-16{height:calc(var(--spacing) * 16)}.h-24{height:calc(var(--spacing) * 24)}.h-full{height:100%}.min-h-100{min-height:calc(var(--spacing) * 100)}.min-h-screen{min-height:100vh}.w-4{width:calc(var(--spacing) * 4)}.w-7{width:calc(var(--spacing) * 7)}.w-16{width:calc(var(--spacing) * 16)}.w-24{width:calc(var(--spacing) * 24)}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-6xl{max-width:var(--container-6xl)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-8{gap:calc(var(--spacing) * 8)}.gap-y-4{row-gap:calc(var(--spacing) * 4)}.gap-y-10{row-gap:calc(var(--spacing) * 10)}.overflow-hidden{overflow:hidden}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-blue-400\/30{border-color:#54a2ff4d}@supports (color:color-mix(in lab,red,red)){.border-blue-400\/30{border-color:color-mix(in oklab,var(--color-blue-400) 30%,transparent)}}.border-slate-700\/40{border-color:#31415866}@supports (color:color-mix(in lab,red,red)){.border-slate-700\/40{border-color:color-mix(in oklab,var(--color-slate-700) 40%,transparent)}}.bg-\[\#11151e\]{background-color:#11151e}.bg-blue-500\/10{background-color:#3080ff1a}@supports (color:color-mix(in lab,red,red)){.bg-blue-500\/10{background-color:color-mix(in oklab,var(--color-blue-500) 10%,transparent)}}.bg-emerald-500\/10{background-color:#00bb7f1a}@supports (color:color-mix(in lab,red,red)){.bg-emerald-500\/10{background-color:color-mix(in oklab,var(--color-emerald-500) 10%,transparent)}}.bg-linear-to-b{--tw-gradient-position:to bottom}@supports (background-image:linear-gradient(in lab,red,red)){.bg-linear-to-b{--tw-gradient-position:to bottom in oklab}}.bg-linear-to-b{background-image:linear-gradient(var(--tw-gradient-stops))}.bg-linear-to-br{--tw-gradient-position:to bottom right}@supports (background-image:linear-gradient(in lab,red,red)){.bg-linear-to-br{--tw-gradient-position:to bottom right in oklab}}.bg-linear-to-br{background-image:linear-gradient(var(--tw-gradient-stops))}.bg-linear-to-r{--tw-gradient-position:to right}@supports (background-image:linear-gradient(in lab,red,red)){.bg-linear-to-r{--tw-gradient-position:to right in oklab}}.bg-linear-to-r{background-image:linear-gradient(var(--tw-gradient-stops))}.from-\[\#1e2433\]{--tw-gradient-from:#1e2433;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#1e3830\]{--tw-gradient-from:#1e3830;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#2a3650\]{--tw-gradient-from:#2a3650;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-transparent{--tw-gradient-from:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-blue-500{--tw-gradient-via:var(--color-blue-500);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-emerald-500{--tw-gradient-via:var(--color-emerald-500);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-\[\#1e2b42\]{--tw-gradient-to:#1e2b42;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#162b24\]{--tw-gradient-to:#162b24;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#191e2c\]{--tw-gradient-to:#191e2c;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.p-6{padding:calc(var(--spacing) * 6)}.p-10{padding:calc(var(--spacing) * 10)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-\[5px\]{padding-inline:5px}.py-1{padding-block:calc(var(--spacing) * 1)}.pt-8{padding-top:calc(var(--spacing) * 8)}.text-center{text-align:center}.font-sans{font-family:var(--font-sans)}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[11px\]{font-size:11px}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.08em\]{--tw-tracking:.08em;letter-spacing:.08em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.text-blue-200{color:var(--color-blue-200)}.text-blue-400{color:var(--color-blue-400)}.text-blue-500{color:var(--color-blue-500)}.text-emerald-400{color:var(--color-emerald-400)}.text-slate-300{color:var(--color-slate-300)}.text-slate-400{color:var(--color-slate-400)}.text-slate-600{color:var(--color-slate-600)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-blue-500\/20{--tw-ring-color:#3080ff33}@supports (color:color-mix(in lab,red,red)){.ring-blue-500\/20{--tw-ring-color:color-mix(in oklab, var(--color-blue-500) 20%, transparent)}}.ring-emerald-500\/20{--tw-ring-color:#00bb7f33}@supports (color:color-mix(in lab,red,red)){.ring-emerald-500\/20{--tw-ring-color:color-mix(in oklab, var(--color-emerald-500) 20%, transparent)}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur-2xl{--tw-blur:blur(var(--blur-2xl));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}@media(hover:hover){.group-hover\:translate-x-1:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing) * 1);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\:scale-110:is(:where(.group):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\:bg-blue-500\/20:is(:where(.group):hover *){background-color:#3080ff33}@supports (color:color-mix(in lab,red,red)){.group-hover\:bg-blue-500\/20:is(:where(.group):hover *){background-color:color-mix(in oklab,var(--color-blue-500) 20%,transparent)}}.group-hover\:bg-emerald-500\/20:is(:where(.group):hover *){background-color:#00bb7f33}@supports (color:color-mix(in lab,red,red)){.group-hover\:bg-emerald-500\/20:is(:where(.group):hover *){background-color:color-mix(in oklab,var(--color-emerald-500) 20%,transparent)}}.group-hover\:text-blue-300:is(:where(.group):hover *){color:var(--color-blue-300)}.group-hover\:text-emerald-300:is(:where(.group):hover *){color:var(--color-emerald-300)}.group-hover\:ring-blue-500\/50:is(:where(.group):hover *){--tw-ring-color:#3080ff80}@supports (color:color-mix(in lab,red,red)){.group-hover\:ring-blue-500\/50:is(:where(.group):hover *){--tw-ring-color:color-mix(in oklab, var(--color-blue-500) 50%, transparent)}}.group-hover\:ring-emerald-500\/50:is(:where(.group):hover *){--tw-ring-color:#00bb7f80}@supports (color:color-mix(in lab,red,red)){.group-hover\:ring-emerald-500\/50:is(:where(.group):hover *){--tw-ring-color:color-mix(in oklab, var(--color-emerald-500) 50%, transparent)}}.hover\:-translate-y-2:hover{--tw-translate-y:calc(var(--spacing) * -2);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:shadow-2xl:hover{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-blue-500\/10:hover{--tw-shadow-color:#3080ff1a}@supports (color:color-mix(in lab,red,red)){.hover\:shadow-blue-500\/10:hover{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-blue-500) 10%, transparent) var(--tw-shadow-alpha), transparent)}}.hover\:shadow-emerald-500\/10:hover{--tw-shadow-color:#00bb7f1a}@supports (color:color-mix(in lab,red,red)){.hover\:shadow-emerald-500\/10:hover{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-emerald-500) 10%, transparent) var(--tw-shadow-alpha), transparent)}}}@media(min-width:48rem){.md\:mb-36{margin-bottom:calc(var(--spacing) * 36)}.md\:w-105{width:calc(var(--spacing) * 105)}.md\:flex-row{flex-direction:row}.md\:gap-10{gap:calc(var(--spacing) * 10)}.md\:gap-y-12{row-gap:calc(var(--spacing) * 12)}.md\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}}}:root{--bg-color:#0d1b2a;--card-bg:#1b263b;--text-primary:#e0e1dd;--accent:#ff9e00;--border-color:#3a4c6a;--header-bg:#2a3c5a;--idle-color:#666;--processing-color:#2196f3;--cooking-color:#ff9800;--ready-color:#4caf50;--served-color:#777;--success-color:#4caf50;--error-color:#f44336;--warning-color:#ff9800;--delivery-color:#e91e63;--pickup-color:#9c27b0;--nav-height:60px;--status-bar-height:30px;--content-padding:20px;--card-radius:8px;--grid-gap:20px;--grid-min-col:320px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent;scroll-behavior:smooth}body{background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;height:100dvh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:16px;line-height:1.5;overflow:hidden}.hidden{display:none!important}.no-data{text-align:center;color:#aaa;grid-column:1/-1;padding:40px 20px;font-size:18px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}::selection{background:var(--accent);color:#000}.top-nav{height:var(--nav-height);z-index:1000;scrollbar-width:none;background-color:#14213d;display:flex;position:fixed;top:0;left:0;right:0;overflow:auto hidden;box-shadow:0 2px 4px #0000004d}.top-nav::-webkit-scrollbar{display:none}.nav-btn{border-top:none;border-bottom:none;border-left:none;border-right:1px solid var(--border-color);min-width:0;color:var(--text-primary);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;background:0 0;flex:1 0 auto;padding:0 12px;font-size:14px;font-weight:700;transition:background-color .3s,color .3s}.nav-btn:last-child{border-right:none}.nav-btn:hover{background-color:var(--border-color)}.nav-btn.active{background-color:var(--accent);color:#000}.demo-back-btn{color:#94a3b8;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #3a4c6acc;border-radius:8px;flex:none;align-self:center;height:34px;margin:0 12px 0 14px;padding:0 14px;font-size:13px;font-weight:600;transition:border-color .2s,color .2s,background-color .2s}.demo-back-btn:hover{color:#ff9e00;background-color:#ff9e000f;border-color:#ff9e00}.main-content{margin-top:var(--nav-height);height:calc(100dvh - var(--nav-height) - var(--status-bar-height));padding:var(--content-padding);overflow:hidden auto}.courses-view,.orders-view,.dishes-view,.plan-view,.served-view{grid-template-columns:repeat(auto-fit,minmax(var(--grid-min-col),1fr));gap:var(--grid-gap);align-items:start;display:grid}.order-by-course,.order-card,.dish-by-order,.served-order{background-color:var(--card-bg);border-radius:var(--card-radius);flex-direction:column;height:fit-content;display:flex;overflow:hidden;box-shadow:0 4px 6px #0003}.order-card,.served-order{cursor:pointer;transition:transform .2s,box-shadow .2s}.order-card:hover,.served-order:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0000004d}.served-order{opacity:.8}.served-order:hover{opacity:1}.order-header{background-color:var(--header-bg);border-bottom:1px solid var(--border-color);cursor:pointer;justify-content:space-between;align-items:center;gap:10px;padding:15px;display:flex}.order-info{flex-direction:column;flex-grow:1;gap:5px;min-width:0;display:flex}.order-number{color:var(--accent);font-size:20px;font-weight:700}.order-type-badge{background-color:var(--delivery-color);color:#fff;text-transform:uppercase;border-radius:12px;width:fit-content;margin-top:3px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-block}.guests-count{color:#aaa;margin-top:2px;font-size:14px}.table-name{font-size:16px}.waiter-name{color:#aaa;font-size:14px}.timer{white-space:nowrap;background-color:#0000004d;border-radius:4px;flex-shrink:0;padding:5px 10px;font-family:Courier New,monospace;font-size:18px;font-weight:700}.timer-cooking{color:#4caf50;background-color:#4caf5026;border:1px solid #4caf504d}.timer-warning{color:#ff9800;background-color:#ff980026;border:1px solid #ff98004d;animation:1.5s ease-in-out infinite pulse-warning}.timer-overdue{color:#ff5252;background-color:#ff525226;border:1px solid #ff525266;animation:1.5s ease-in-out infinite pulse-red}@keyframes pulse-warning{0%,to{opacity:1}50%{opacity:.6}}@keyframes pulse-red{0%,to{opacity:1}50%{opacity:.7}}.delivery-comment{color:#4fc3f7;word-break:break-word;background-color:#4fc3f71a;border-left:3px solid #4fc3f7;border-radius:4px;margin-top:3px;padding:5px 8px;font-size:13px;font-style:italic}.cooking-place-badge{color:#2196f3;background-color:#2196f333;border:1px solid #2196f366;border-radius:12px;width:fit-content;margin-top:5px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-block}.collapse-btn{color:var(--text-primary);cursor:pointer;background:0 0;border:none;flex-shrink:0;margin-right:4px;padding:4px 8px;font-size:14px}.course-section{border:1px solid var(--border-color);border-radius:6px;margin:10px;overflow:hidden}.course-header{border-bottom:1px solid var(--border-color);background-color:#223354;justify-content:space-between;align-items:center;gap:10px;padding:10px;font-weight:700;display:flex}.items-list{flex-direction:column;padding:15px;display:flex}.order-item{border-bottom:1px solid var(--border-color);cursor:pointer;align-items:center;gap:10px;padding:10px 0;transition:background-color .2s;display:flex}.order-item:last-child{border-bottom:none}.order-item:hover{background-color:#ffffff0d}.item-qty{color:var(--accent);text-align:center;flex-shrink:0;min-width:30px;font-weight:700}.item-name{word-break:break-word;flex-grow:1;min-width:0}.item-comment{color:#ffa726;word-break:break-word;margin-top:3px;font-size:12px;font-style:italic}.item-modifiers{color:#aaa;word-break:break-word;margin-top:3px;font-size:11px}.item-status{text-transform:uppercase;text-align:center;white-space:nowrap;border-radius:10px;flex-shrink:0;min-width:100px;padding:4px 10px;font-size:12px;font-weight:700}.status-idle{background-color:var(--idle-color);color:#fff}.status-processing{background-color:var(--processing-color);color:#fff}.status-cooking{background-color:var(--cooking-color);color:#000}.status-ready{background-color:var(--ready-color);color:#fff}.status-served{background-color:var(--served-color);color:#fff}.dish-item{background-color:var(--card-bg);border-radius:var(--card-radius);cursor:pointer;flex-direction:column;gap:10px;padding:15px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 6px #0003}.dish-item:hover{transform:translateY(-2px);box-shadow:0 6px 10px #0000004d}.dish-item-header{border-bottom:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding-bottom:10px;display:flex}.dish-item-name{word-break:break-word;flex-grow:1;min-width:0;font-size:18px;font-weight:700}.dish-item-qty{color:var(--accent);flex-shrink:0;margin-left:15px;font-size:20px;font-weight:700}.dish-item-order-info{color:#aaa;flex-direction:column;gap:3px;font-size:14px;display:flex}.dish-item-order-number{color:var(--accent);font-weight:700}.plan-dish-item{background-color:var(--card-bg);border-radius:var(--card-radius);cursor:pointer;height:fit-content;padding:15px;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 6px #0003}.plan-dish-item:hover{transform:translateY(-2px);box-shadow:0 6px 10px #0000004d}.plan-dish-info{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.plan-dish-name{word-break:break-word;flex-grow:1;min-width:0;font-size:18px;font-weight:700}.plan-dish-quantity{color:var(--accent);flex-shrink:0;margin-left:15px;font-size:20px;font-weight:700}.plan-dish-details{color:#aaa;word-break:break-word;margin-top:8px;font-size:14px}.modal-overlay{z-index:2000;background-color:#000c;justify-content:center;align-items:center;padding:16px;display:none;position:fixed;top:0;right:0;bottom:0;left:0}.modal-overlay.open{display:flex}.modal-content{background-color:var(--card-bg);border-radius:12px;width:100%;max-width:600px;max-height:90dvh;overflow-y:auto;box-shadow:0 10px 30px #00000080}.modal-header{background-color:var(--header-bg);border-bottom:2px solid var(--accent);z-index:1;justify-content:space-between;align-items:center;gap:10px;padding:20px;display:flex;position:sticky;top:0}.modal-title{word-break:break-word;min-width:0;font-size:22px;font-weight:700}.close-btn{color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:24px;transition:background-color .2s;display:flex}.close-btn:hover{background-color:#ffffff1a}.modal-body{padding:20px}.modal-comment{color:#ffa726;word-break:break-word;background-color:#ffa7261a;border-left:3px solid #ffa726;border-radius:4px;margin:10px 0;padding:10px;font-size:14px}.modal-items{margin-bottom:20px}.modal-item{border-bottom:1px solid var(--border-color);cursor:pointer;justify-content:space-between;align-items:flex-start;gap:15px;padding:15px;transition:background-color .2s;display:flex}.modal-item:last-child{border-bottom:none}.modal-item:hover{background-color:#ffffff0d}.modal-item-info{flex-grow:1;min-width:0}.modal-item-name{word-break:break-word;margin-bottom:5px;font-size:18px}.modal-item-details{color:#aaa;word-break:break-word;font-size:14px}.modal-actions{flex-direction:column;gap:10px;margin-top:20px;display:flex}.status-btn{cursor:pointer;text-align:left;-webkit-user-select:none;user-select:none;border:none;border-radius:6px;justify-content:space-between;align-items:center;padding:15px;font-size:16px;font-weight:700;transition:transform .2s,box-shadow .2s;display:flex}.status-btn:hover{transform:translate(5px);box-shadow:0 4px 8px #0003}.btn-idle{background-color:var(--idle-color);color:#fff}.btn-processing{background-color:var(--processing-color);color:#fff}.btn-cooking{background-color:var(--cooking-color);color:#000}.btn-ready{background-color:var(--ready-color);color:#fff}.btn-served{background-color:var(--served-color);color:#fff}.modal-item-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.modal-item-status-row{align-items:center;gap:8px;margin-top:10px;display:flex}.techcard-modal-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;background-color:#ff9e0026;border:1px solid #ff9e004d;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:16px;line-height:1;transition:background-color .2s,transform .15s;display:flex}.techcard-modal-btn:hover{background-color:#ff9e004d;transform:scale(1.1)}.techcard-modal-btn:active{transform:scale(.95)}.techcard-modal-btn-large{width:auto;height:auto;color:var(--accent);gap:6px;padding:6px 14px;font-size:14px;font-weight:600}.techcard-modal-btn-icon{font-size:16px;line-height:1}.techcard-modal-btn-label{white-space:nowrap;font-size:13px}.settings-view{width:100%;max-width:900px;margin:0 auto}.settings-card{background-color:#1e2b44;border:1px solid #0f172a80;border-radius:10px;padding:18px 22px 24px;box-shadow:inset 0 1px #ffffff05}.settings-nav{flex-wrap:wrap;gap:10px;margin:16px 0 18px;display:flex}.settings-nav-btn{color:#e5e7eb;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#324569;border:none;border-radius:6px;min-height:36px;padding:10px 16px;font-size:14px;transition:background-color .2s,color .2s}.settings-nav-btn:hover{background-color:#3d547c}.settings-nav-btn.active{color:#000;background-color:#ffa30a;font-weight:700}.settings-title{color:#e8eaed;margin:0;font-size:23px;font-weight:800}.settings-tab-panel{min-height:360px}.settings-pane-group+.settings-pane-group{margin-top:24px}.settings-section-title{color:#ffa30a;margin:0 0 8px;font-size:18px;font-weight:800}.settings-section-text{color:#b6bac3;max-width:760px;margin:0 0 16px;font-size:13px;line-height:1.55}.settings-options-stack{flex-direction:column;gap:11px;display:flex}.settings-option{cursor:pointer;-webkit-user-select:none;user-select:none;background:#313c52;border-radius:6px;grid-template-columns:auto auto auto 1fr;align-items:start;gap:14px;padding:11px 12px 12px;display:grid}.settings-option-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.settings-checkbox{color:#000;background:#ffffff24;border:1px solid #ffffff26;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-top:2px;font-size:14px;font-weight:900;display:inline-flex}.settings-checkbox.checked{background:#ffa30a;border-color:#ffa30a}.settings-option-copy{flex-direction:column;min-width:0;display:flex}.settings-option-title{color:#e7e9ee;font-size:16px;font-weight:700;line-height:1.35}.settings-option-desc{color:#d2d5db;margin-top:4px;font-size:13px;line-height:1.5}.settings-option-note{color:#b0b4be;margin-top:3px;font-size:12px;line-height:1.5}.settings-status-color{border-radius:4px;flex-shrink:0;width:20px;height:20px;margin-top:2px}.settings-status-color.idle{background:#737373}.settings-status-color.processing{background:#39f}.settings-status-color.cooking{background:#ff9f10}.settings-status-color.ready{background:#57bf57}.settings-status-color.served{background:#8a8a8a}.settings-section-badge{background:#f1cd9b;border-radius:3px;width:16px;height:12px;margin-top:5px;position:relative;box-shadow:inset 0 -2px #00000024}.settings-section-badge:before{content:"";background:#f1cd9b;border-radius:2px 0 0 2px;width:5px;height:6px;position:absolute;top:3px;left:-5px}.settings-divider{background:#56688c8c;height:1px;margin:18px 0 24px}.settings-inline-help{color:#aeb4bf;margin:12px 0 0 22px;font-size:12px;line-height:1.55}.settings-help-green{color:#3ecb5d;font-weight:700}.settings-help-yellow{color:#ffb700;font-weight:700}.settings-help-red{color:#f45c5c;font-weight:700}.settings-input-block{margin-top:16px}.settings-input-row{background:#313c52;border-radius:6px;align-items:center;gap:16px;padding:10px 12px;display:flex}.settings-input-label{color:#dde0e6;flex:1;font-size:14px}.settings-number-input{color:#e8eaed;text-align:center;background:#0c2239;border:1px solid #4391cf33;border-radius:6px;width:64px;height:30px;font-size:15px;font-weight:700}.settings-number-input:focus{outline:none}.settings-connection-list{flex-direction:column;gap:10px;display:flex}.settings-connection-row{background:#313c52;border-radius:6px;justify-content:space-between;align-items:center;gap:16px;padding:11px 12px;display:flex}.settings-connection-label{color:#c3c5ca;font-size:16px;font-weight:700}.settings-connection-value{color:#eaecf0;font-size:16px;font-weight:800}.settings-connection-value.connected{color:#54d154}#status-bar{text-align:center;z-index:1001;height:var(--status-bar-height);background:#000;justify-content:center;align-items:center;padding:8px;font-size:12px;font-weight:700;display:flex;position:fixed;bottom:0;left:0;right:0}.connected{color:var(--success-color)}.disconnected{color:var(--error-color)}.login-screen{z-index:9999;background:linear-gradient(135deg,#0d1b2a,#1b263b);justify-content:center;align-items:center;padding:16px;display:none;position:fixed;top:0;right:0;bottom:0;left:0;overflow-y:auto}.login-screen.open{display:flex}.login-container{background-color:var(--card-bg);border-radius:20px;width:100%;max-width:450px;padding:40px;box-shadow:0 20px 60px #00000080}.login-header{text-align:center;margin-bottom:30px}.login-icon{margin-bottom:20px;font-size:64px;line-height:1}.login-header h1{color:var(--text-primary);margin-bottom:10px;font-size:28px}.login-header p{color:#aaa;font-size:16px}.pin-display{text-align:center;background-color:#0000004d;border-radius:10px;justify-content:center;align-items:center;min-height:60px;margin-bottom:15px;padding:20px;display:flex}.pin-dots{letter-spacing:10px;color:var(--accent);font-family:monospace;font-size:32px}.pin-error{border:1px solid var(--error-color);color:var(--error-color);text-align:center;background-color:#f4433633;border-radius:8px;margin-bottom:15px;padding:12px;font-size:14px;display:none}.pin-pad{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.pin-btn{background-color:var(--header-bg);border:2px solid var(--border-color);color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:12px;padding:20px;font-size:24px;font-weight:700;transition:background-color .2s,transform .1s}.pin-btn:hover{background-color:var(--border-color);transform:scale(1.05)}.pin-btn:active{transform:scale(.95)}.pin-btn-clear{background-color:var(--warning-color);color:#000;border-color:var(--warning-color)}.pin-btn-submit{background-color:var(--success-color);color:#fff;border-color:var(--success-color);font-size:28px}.user-display{border-left:1px solid var(--border-color);flex-shrink:0;align-items:center;gap:10px;margin-left:auto;padding:0 20px;display:flex}.user-info{color:var(--text-primary);white-space:nowrap;align-items:center;gap:8px;display:flex}.user-icon{flex-shrink:0;font-size:20px}.user-name{text-overflow:ellipsis;font-size:16px;font-weight:700;overflow:hidden}.logout-btn{background-color:var(--error-color);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:6px;flex-shrink:0;padding:8px 16px;font-size:14px;font-weight:700;transition:background-color .2s,transform .1s}.logout-btn:hover{background-color:#d32f2f;transform:translateY(-1px)}.techcards-view{position:relative}.techcards-header{background-color:var(--card-bg);border-radius:var(--card-radius,8px);z-index:100;padding:20px;position:sticky;top:0;box-shadow:0 2px 4px #0003}.techcards-release-view{padding-bottom:8px}.techcards-release-header{box-shadow:none;background:#212c45;border:1px solid #3647688c;border-radius:8px;padding:14px 16px}.search-container{flex-direction:column;gap:10px;display:flex}.search-input{background-color:var(--bg-color);border:2px solid var(--border-color);width:100%;color:var(--text-primary);-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:8px;padding:15px 20px;font-size:16px;transition:border-color .3s,box-shadow .3s}.techcards-release-header .search-input{background:#0f2135;border-color:#465d83;height:42px;padding:0 14px;font-size:14px;box-shadow:inset 0 0 0 1px #ffffff08}.search-input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #ff9e001a}.search-input::placeholder{color:#666}.search-stats{color:var(--text-primary);text-align:center;background-color:#ffffff0d;border-radius:6px;padding:5px 10px;font-size:14px}.techcards-release-stats{color:#bec3cc;background:#313c52;border-radius:6px;padding:7px 12px;font-size:12px}.techcards-list{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:20px;width:100%;min-height:400px;margin:0;padding:20px 0;transition:opacity .3s;display:grid}.techcards-release-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px;min-height:0;padding:18px 0 22px}.techcards-list.loading{opacity:.5;pointer-events:none}.techcard-item{background-color:var(--card-bg);border-radius:var(--card-radius,8px);cursor:pointer;border:2px solid #0000;padding:20px;transition:transform .3s,box-shadow .3s,border-color .3s;box-shadow:0 2px 6px #0003}.techcard-item:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 6px 12px #0000004d}.techcard-release-card{text-align:left;background:#212c45;border:1px solid #172234e6;flex-direction:column;justify-content:flex-start;align-items:flex-start;min-height:148px;padding:16px 18px;display:flex;box-shadow:0 2px 8px #0000002e}.techcard-release-card.no-techcard{cursor:default}.techcard-release-card.no-techcard:hover{border-color:#172234e6;transform:none;box-shadow:0 2px 8px #0000002e}.techcard-item-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:15px;padding-bottom:15px;display:flex}.techcard-release-card .techcard-item-header{border-bottom-color:#48587873;width:100%;margin-bottom:14px;padding-bottom:12px}.techcard-item-name{color:var(--text-primary);word-break:break-word;flex-grow:1;min-width:0;font-size:18px;font-weight:700;line-height:1.4}.techcard-release-card .techcard-item-name{color:#e8eaee;font-size:18px;font-weight:800}.techcard-item-badge{background-color:var(--accent);color:#000;white-space:nowrap;border-radius:12px;flex-shrink:0;padding:6px 12px;font-size:13px;font-weight:700}.techcard-item-info{color:#aaa;flex-direction:column;gap:5px;padding-bottom:5px;font-size:13px;display:flex}.techcard-release-card .techcard-item-info{align-items:flex-start;gap:4px;width:100%;padding-bottom:0}.techcard-item-code{color:var(--accent)}.techcard-release-card .techcard-item-code{color:#ffa819;font-size:13px;font-weight:700}.techcard-item-type{color:#888}.techcard-release-card .techcard-item-type{color:#969ca7;font-size:13px}.techcard-release-badge{border-radius:10px;align-items:center;gap:6px;width:fit-content;max-width:100%;min-height:28px;margin-top:auto;padding:0 12px;font-size:13px;font-weight:800;display:inline-flex}.techcard-release-card .techcard-release-badge{align-self:flex-start}.techcard-release-badge.has-techcard,.techcard-release-badge.no-techcard{color:#111827;background:#f7a313}.techcard-release-badge-icon{flex-shrink:0;font-size:14px;line-height:1}.techcard-item-summary{border-top:1px solid #ffffff0f;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px;padding-top:14px;display:grid}.techcard-summary-row{background:#ffffff08;border-radius:8px;flex-direction:column;gap:4px;min-width:0;padding:10px;display:flex}.techcard-summary-row span{color:#94a3b8;font-size:12px}.techcard-summary-row strong{color:var(--text-primary);word-break:break-word;font-size:14px}.techcard-item-footer{color:#aaa;border-top:1px dashed #ffffff14;justify-content:space-between;align-items:center;gap:10px;margin-top:16px;padding-top:12px;font-size:13px;display:flex}.modal-large{width:95%;max-width:900px}.techcard-release-modal{border-radius:14px;max-width:700px;overflow:hidden}.techcard-release-modal-header{background:#344466;border-bottom:3px solid #f7a313;align-items:center;padding:18px 20px}.techcard-release-modal-header .modal-title{color:#ebedf1;font-size:24px;font-weight:800}.techcard-release-modal-header .close-btn{color:#e2e7ec}.techcard-release-modal-body{background:#1e2b44;max-height:calc(90dvh - 88px);padding:20px;overflow:auto}.techcard-modal-subtitle{color:#94a3b8;margin-top:6px;font-size:13px}.techcard-release-info{background:#313c52;border-radius:8px;padding:14px 16px}.techcard-release-info .info-row{border-bottom-color:#5a668059;grid-template-columns:220px minmax(0,1fr);align-items:start;gap:16px;padding:12px 0;display:grid}.techcard-release-info .info-label{color:#c2c6cd;font-size:16px}.techcard-release-info .info-row .info-label,.techcard-release-info .info-row .info-value{min-width:0}.techcard-release-info .info-row .info-value{color:#e9ebef;text-align:left;justify-self:start;width:100%;font-size:16px;font-weight:800}.techcard-info-accent{color:#ffb81c!important}.techcard-info-success{color:#51cd51!important}.techcard-hero{background:linear-gradient(135deg,#ff9e001a,#4fc3f714);border:1px solid #ffffff14;border-radius:10px;justify-content:space-between;gap:20px;margin-bottom:20px;padding:18px;display:flex}.techcard-hero-copy{flex:1;min-width:0}.techcard-hero-kicker{color:var(--accent);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-size:12px;font-weight:800}.techcard-hero-title{color:var(--text-primary);margin-bottom:10px;font-size:24px;font-weight:800}.techcard-hero-description{color:#cbd5e1;margin:0;line-height:1.7}.techcard-hero-pricing{flex-direction:column;gap:10px;min-width:210px;display:flex}.techcard-price-box{background:#0d1b2a73;border:1px solid #ffffff14;border-radius:10px;flex-direction:column;gap:6px;padding:14px 16px;display:flex}.techcard-price-box span{text-transform:uppercase;letter-spacing:.06em;color:#94a3b8;font-size:12px}.techcard-price-box strong{color:var(--text-primary);font-size:24px}.techcard-price-box.accent strong{color:var(--accent)}.techcard-detail-info{background-color:#ffffff08;border-radius:8px;flex-direction:column;gap:10px;margin-bottom:20px;padding:15px;display:flex}.info-row{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;gap:12px;padding:8px 0;display:flex}.info-row:last-child{border-bottom:none}.info-row .info-label{color:#aaa;flex-shrink:0;font-size:14px;font-weight:700}.info-row .info-value{color:var(--text-primary);text-align:right;word-break:break-word;font-size:14px;font-weight:700}.ingredients-title{color:var(--accent);margin:20px 0 15px;font-size:20px;font-weight:700}.techcard-release-title{color:#f7a313;margin:22px 0 14px;font-size:17px}.ingredients-table{background-color:#ffffff08;border-radius:8px;overflow:auto hidden}.techcard-release-table{background:#344466}.ingredients-table-inner{min-width:680px}.ingredients-table-header{background-color:var(--header-bg);color:var(--accent);border-bottom:2px solid var(--accent);grid-template-columns:2fr 1fr .6fr 1fr;gap:10px;padding:15px;font-size:14px;font-weight:700;display:grid}.techcard-release-table .ingredients-table-header{color:#edeff3;background:#344466;border-bottom:2px solid #f7a313}.techcard-release-table .ingredients-table-header>:first-child,.techcard-release-table .ing-col-amount{color:#f7a313}.ingredients-table-body,.ingredients-table-fragment{flex-direction:column;display:flex}.ingredients-table-row{border-bottom:1px solid #ffffff0d;grid-template-columns:2fr 1fr .6fr 1fr;align-items:center;gap:10px;padding:15px;transition:background-color .2s;display:grid}.ingredients-table-row:last-child{border-bottom:none}.ingredients-table-row:hover{background-color:#ffffff0d}.ingredients-table-row.even{background-color:#ffffff05}.techcard-release-row{background:#344466;border-bottom-color:#505d786b}.techcard-release-row.even{background:#344466}.ing-col-name{flex-direction:row;align-items:flex-start;gap:8px;min-width:0;display:flex}.ing-name-wrap{flex-direction:column;gap:2px;min-width:0;display:flex}.ing-expand-icon{color:#f7a313;padding-top:2px;font-size:14px}.ing-name{color:var(--text-primary);word-break:break-word;font-size:15px;font-weight:500}.ing-num{color:#888;font-size:12px}.techcard-release-table .ing-name{color:#eceef1}.techcard-release-table .ing-num{color:#abb1bc}.ing-col-amount{text-align:left;width:100%;color:var(--accent);justify-self:start;font-family:Courier New,monospace;font-size:15px;font-weight:700}.ing-col-unit{text-align:left;color:#aaa;justify-self:start;width:100%;font-size:14px}.ing-col-cost{text-align:left;width:100%;color:var(--text-primary);justify-self:start;font-family:Courier New,monospace;font-size:14px;font-weight:700}.techcard-release-table .ing-col-unit,.techcard-release-table .ing-col-cost{color:#e9ecf0}.techcard-release-detail-panel{background:#344466;border-bottom-color:#505d786b;padding:0 14px 14px;display:block}.techcard-release-detail-panel .ing-detail-grid{background:#ffffff0f;border-left:3px solid #f7a313;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:12px 14px}.ing-detail-grid>div{flex-direction:column;gap:4px;display:flex}.ing-detail-label{text-transform:uppercase;letter-spacing:.06em;color:#94a3b8;font-size:11px}.ing-detail-value{color:var(--text-primary);font-size:13px;line-height:1.5}.techcard-release-detail-panel .ing-detail-label{color:#a4abb6}.techcard-release-detail-panel .ing-detail-value{color:#eceff2;font-family:Courier New,monospace;font-weight:700}.pagination-container{justify-content:center;align-items:center;width:100%;margin-top:20px;padding:20px 10px;display:flex}.pagination{scrollbar-width:none;flex-wrap:nowrap;justify-content:center;align-items:center;gap:10px;max-width:100%;padding:0 10px;display:flex;overflow-x:auto}.pagination::-webkit-scrollbar{display:none}.pagination-btn{background-color:var(--card-bg);color:var(--text-primary);border:1px solid var(--border-color);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;border-radius:6px;flex-shrink:0;min-width:40px;padding:8px 14px;font-family:inherit;font-size:14px;font-weight:700;transition:background-color .2s,color .2s,transform .2s}.pagination-btn.pagination-prev,.pagination-btn.pagination-next{padding:8px 16px;font-size:20px;line-height:1}.pagination-btn:hover:not(:disabled){background-color:var(--accent);color:#000;border-color:var(--accent);transform:translateY(-2px)}.pagination-btn.active{background-color:var(--accent);color:#000;border-color:var(--accent)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed;background-color:#0000}.techcards-release-pagination-wrap{margin-top:0;padding-top:6px}.techcards-release-pagination{gap:6px}.techcards-release-pagination .pagination-btn{background:#27344f;border-color:#5c6e8f59;min-width:34px;height:34px;padding:0 10px}.techcards-release-pagination .pagination-btn.active{background:#f7a313}.techcards-empty{text-align:center;color:#aaa;padding:60px 20px}.techcards-empty-icon{opacity:.5;margin-bottom:20px;font-size:64px}.techcards-empty-title{color:var(--text-primary);margin-bottom:10px;font-size:24px;font-weight:700}.techcards-empty-description{max-width:500px;margin:0 auto;font-size:16px;line-height:1.6}.techcards-empty-search{background:#ffffff05;border:1px solid #ffffff0f;border-radius:12px;margin-top:24px}.sync-btn-large{background-color:var(--accent,#ff9e00);color:#000;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;margin-top:24px;padding:14px 28px;font-size:16px;font-weight:700;transition:transform .2s,box-shadow .2s;display:inline-flex}.sync-btn-large:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ff9e004d}.burger-btn{cursor:pointer;z-index:1010;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:5px;padding:10px 14px;display:none}.burger-line{background-color:var(--text-primary);border-radius:2px;width:24px;height:2.5px;transition:transform .3s,opacity .3s;display:block}.burger-btn.open .burger-line:first-child{transform:translateY(7.5px)rotate(45deg)}.burger-btn.open .burger-line:nth-child(2){opacity:0}.burger-btn.open .burger-line:nth-child(3){transform:translateY(-7.5px)rotate(-45deg)}.mobile-nav-title{color:var(--accent);white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:700;display:none;overflow:hidden}.burger-overlay{z-index:4999;opacity:0;visibility:hidden;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;transition:opacity .3s,visibility .3s;position:fixed;top:0;right:0;bottom:0;left:0}.burger-overlay.open{opacity:1;visibility:visible}.burger-menu{z-index:5000;background:linear-gradient(#14213d,#0d1b2a);flex-direction:column;width:280px;max-width:85vw;height:100dvh;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0;overflow-y:auto;transform:translate(-100%);box-shadow:4px 0 20px #00000080}.burger-menu.open{transform:translate(0)}.burger-menu-header{border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 16px;display:flex}.burger-menu-title{color:var(--accent);font-size:20px;font-weight:700}.burger-close-btn{color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:22px;transition:background-color .2s;display:flex}.burger-close-btn:active{background-color:#ffffff1a}.burger-nav{flex-direction:column;flex:1 0;padding:8px 0;display:flex}.burger-nav-item{border-top:none;border-bottom:none;border-right:none;border-image:initial;color:var(--text-primary);cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent;background:0 0;border-left:3px solid #0000;align-items:center;gap:14px;padding:14px 20px;font-size:16px;transition:background-color .15s;display:flex}.burger-nav-item:active{background-color:#ffffff14}.burger-nav-item.active{color:var(--accent);border-left-color:var(--accent);background-color:#ff9e001f;font-weight:700}.burger-nav-icon{text-align:center;flex-shrink:0;width:28px;font-size:20px}.burger-nav-label{flex:1 0}.burger-status{border-top:1px solid var(--border-color);flex-shrink:0;align-items:center;gap:10px;padding:14px 20px;display:flex}.burger-status-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.burger-status-dot.connected{background-color:var(--success-color);box-shadow:0 0 6px var(--success-color)}.burger-status-dot.disconnected{background-color:var(--error-color);box-shadow:0 0 6px var(--error-color)}.burger-status-text{color:#aaa;font-size:13px}@media(max-width:767px){.techcard-release-modal-body{max-height:calc(85dvh - 76px)}.techcard-release-info .info-row{grid-template-columns:1fr;gap:6px}.demo-back-btn{height:32px;margin:0 8px 0 4px;padding:0 12px}.burger-btn{display:flex}.mobile-nav-title{flex:1 0;display:block}.top-nav .nav-btn{display:none}.top-nav{justify-content:flex-start;align-items:center;gap:4px;overflow:hidden}.top-nav .user-display{display:none}:root{--nav-height:50px;--content-padding:10px;--grid-gap:12px;--grid-min-col:100%}.main-content{height:calc(100dvh - var(--nav-height) - var(--status-bar-height))}.courses-view,.orders-view,.dishes-view,.plan-view,.served-view,.techcard-item-summary{grid-template-columns:1fr}.techcard-item-footer{flex-direction:column;align-items:flex-start}.techcard-hero{flex-direction:column}.techcard-hero-pricing{min-width:0}.settings-card{padding:16px 14px 20px}.settings-title{font-size:20px}.settings-option{grid-template-columns:auto auto 1fr}.settings-option-copy,.settings-status-color{grid-column:auto}.settings-section-badge{display:none}.settings-input-row,.settings-connection-row{flex-direction:column;align-items:flex-start}.settings-number-input{width:72px}.techcards-release-grid,.techcard-release-detail-panel .ing-detail-grid{grid-template-columns:1fr}.order-number{font-size:18px}.timer{padding:4px 8px;font-size:16px}.modal-overlay{align-items:flex-end;padding:8px}.modal-content{border-radius:12px 12px 0 0;width:100%;max-height:85dvh}}@media(max-width:480px){:root{--nav-height:46px;--status-bar-height:26px;--content-padding:8px;--grid-gap:10px}.burger-menu{width:260px}}@media(max-height:500px)and (orientation:landscape){.demo-back-btn{height:32px;margin:0 8px 0 4px;padding:0 12px}.burger-btn{display:flex}.mobile-nav-title{flex:1 0;display:block}.top-nav .nav-btn{display:none}.top-nav{justify-content:flex-start;align-items:center;gap:4px;overflow:hidden}.top-nav .user-display{display:none}}@supports (padding:env(safe-area-inset-bottom)){#status-bar{padding-bottom:calc(8px + env(safe-area-inset-bottom));height:calc(var(--status-bar-height) + env(safe-area-inset-bottom))}.main-content{height:calc(100dvh - var(--nav-height) - var(--status-bar-height) - env(safe-area-inset-bottom))}.modal-overlay{padding-bottom:env(safe-area-inset-bottom)}.burger-menu{padding-left:env(safe-area-inset-left);padding-bottom:env(safe-area-inset-bottom)}}@media(prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.burger-menu,.burger-overlay{transition:none}}@media(prefers-contrast:high){:root{--border-color:#6a7c9a;--idle-color:#888}.search-input{border-width:3px}}@media print{.top-nav,#status-bar,.modal-overlay,.status-btn{display:none!important}.main-content{height:auto;margin-top:0;overflow:visible}body{color:#000;background:#fff;overflow:visible}}#infoPanel{bottom:calc(var(--status-bar-height) + 16px);border-top:0;border-left:1px solid var(--border-color);border-right:1px solid var(--border-color);border-bottom:1px solid var(--border-color);z-index:900;background:linear-gradient(#14213df7,#0d1b2afc);border-radius:14px;flex-direction:column;height:320px;transition:width .25s,height .25s,right .25s,left .25s,opacity .25s,transform .25s;display:flex;position:fixed;left:16px;right:16px;box-shadow:0 18px 44px #00000080,inset 0 1px #ffffff08}.info-panel-handle{-webkit-user-select:none;user-select:none;background:#ff9e00;border-bottom:1px solid #0000001f;border-radius:14px 14px 0 0;flex-shrink:0;justify-content:center;align-items:center;height:51px;padding:0 18px;display:flex;position:relative;overflow:hidden}.info-panel-handle-left{justify-content:flex-start;align-items:center;gap:12px;min-width:0;display:flex}.info-panel-icon{background:#080f1d57;border:1px solid #ffffff14;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:inline-flex;box-shadow:inset 0 1px #ffffff0a}.info-panel-title-wrap{flex-direction:column;gap:2px;min-width:0;display:flex}.info-panel-kicker{letter-spacing:.12em;text-transform:uppercase;color:#ffd38aeb;font-size:10px;font-weight:800}.info-panel-label{color:#101828;letter-spacing:.01em;white-space:nowrap;text-align:center;font-size:21px;font-weight:800}.info-panel-badge{color:#ffcf85;letter-spacing:.08em;text-transform:uppercase;background:#070e1b59;border:1px solid #ffffff14;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;min-width:56px;height:28px;padding:0 10px;font-size:11px;font-weight:800;display:inline-flex}.info-panel-body{scrollbar-width:thin;flex:1;padding:16px 20px;overflow-y:auto}.info-panel-body::-webkit-scrollbar{width:4px}.info-panel-body::-webkit-scrollbar-track{background:0 0}.info-panel-body::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.info-panel-content{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100%;display:flex}.info-panel-content-title{color:#ff9e00;max-width:460px;margin-bottom:14px;font-size:22px;font-weight:800;line-height:1.3}.info-panel-content-text{color:#e2e8f0;max-width:520px;font-size:18px;line-height:1.7}.info-panel-placeholder{color:#647896;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;display:flex}.info-panel-placeholder-icon{opacity:.4;font-size:36px}.info-panel-placeholder-text{opacity:.78;max-width:520px;font-size:18px;line-height:1.7}body:has(.modal-overlay.open) #infoPanel{z-index:2101;opacity:.97;pointer-events:none;width:min(320px,100vw - 32px);height:176px;left:auto;right:16px;transform:translateZ(0);box-shadow:0 14px 34px #00000073}body:has(.modal-overlay.open) .info-panel-handle{height:38px;padding:0 14px}body:has(.modal-overlay.open) .info-panel-label{font-size:16px}body:has(.modal-overlay.open) .info-panel-icon{width:28px;height:28px;font-size:14px}body:has(.modal-overlay.open) .info-panel-kicker{font-size:8px}body:has(.modal-overlay.open) .info-panel-badge{min-width:44px;height:22px;font-size:9px}body:has(.modal-overlay.open) .info-panel-body{padding:12px 14px}body:has(.modal-overlay.open) .info-panel-placeholder{gap:8px}body:has(.modal-overlay.open) .info-panel-placeholder-icon{font-size:28px}body:has(.modal-overlay.open) .info-panel-placeholder-text{font-size:14px;line-height:1.55}body:has(.modal-overlay.open) .info-panel-content-title{margin-bottom:8px;font-size:16px}body:has(.modal-overlay.open) .info-panel-content-text{font-size:13px;line-height:1.5}.main-content{height:calc(100dvh - var(--nav-height) - var(--status-bar-height) - 352px)}@supports (padding:env(safe-area-inset-bottom)){.main-content{height:calc(100dvh - var(--nav-height) - var(--status-bar-height) - 352px - env(safe-area-inset-bottom))}}@media(max-width:767px){#infoPanel{height:240px;bottom:calc(var(--status-bar-height) + 12px);left:12px;right:12px}body:has(.modal-overlay.open) #infoPanel{width:min(280px,100vw - 24px);height:152px;right:12px}.main-content{height:calc(100dvh - var(--nav-height) - var(--status-bar-height) - 264px)}.info-panel-body{padding:14px 16px}.info-panel-content-title{margin-bottom:10px;font-size:18px}.info-panel-content-text{font-size:15px;line-height:1.6}.info-panel-handle{height:45px;padding:0 14px}.info-panel-label{font-size:18px}.info-panel-badge{display:none}.info-panel-placeholder-text{font-size:15px;line-height:1.6}}@media(max-height:800px){#infoPanel{height:200px}.main-content{height:calc(100dvh - var(--nav-height) - var(--status-bar-height) - 224px)}}.info-hovered{outline-offset:2px;cursor:help;border-radius:2px;transition:outline .1s ease-in-out;outline:2px solid #facc15!important}.course-waiting{opacity:.7;border-left:3px solid var(--warning-color);padding-left:8px}.course-wait-timer{color:var(--warning-color);white-space:nowrap;background:#ff98001a;border-radius:12px;align-items:center;gap:6px;padding:3px 10px;font-size:13px;display:flex}.course-wait-timer.course-wait-overdue{color:var(--error-color);background:#f4433626;animation:1.5s ease-in-out infinite pulse-overdue}@keyframes pulse-overdue{0%,to{opacity:1}50%{opacity:.6}}.item-waiting{opacity:.6}.status-waiting{border:1px solid #ff98004d;color:var(--warning-color)!important;background-color:#ff980026!important}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}