*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.18 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit}hr{border-top-width:1px;color:inherit;height:0}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:SF Mono,Monaco,Inconsolata,Fira Code,Droid Sans Mono,Source Code Pro,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:-webkit-sticky;position:sticky}.inset-0{inset:0}.-right-1{right:-.25rem}.-right-24{right:-6rem}.-right-3{right:-.75rem}.-top-1{top:-.25rem}.-top-24{top:-6rem}.bottom-0{bottom:0}.left-0{left:0}.left-0\.5{left:.125rem}.left-3{left:.75rem}.right-0{right:0}.right-3{right:.75rem}.top-0{top:0}.top-0\.5{top:.125rem}.top-1\/2{top:50%}.top-12{top:3rem}.top-24{top:6rem}.-z-10{z-index:-10}.z-10{z-index:10}.z-50{z-index:50}.z-dropdown{z-index:1000}.z-fixed{z-index:1030}.z-modal{z-index:1050}.z-sticky{z-index:1020}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-bottom:.5rem;margin-top:.5rem}.-mt-1{margin-top:-.25rem}.mb-0\.5{margin-bottom:.125rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.ml-1{margin-left:.25rem}.ml-4{margin-left:1rem}.mr-1{margin-right:.25rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-6{margin-top:1.5rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.\!table{display:table!important}.table{display:table}.table-row{display:table-row}.grid{display:grid}.hidden{display:none}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-20{height:5rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-px{height:1px}.max-h-96{max-height:24rem}.min-h-\[80px\]{min-height:80px}.w-1\.5{width:.375rem}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-20{width:5rem}.w-24{width:6rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-8{width:2rem}.w-80{width:20rem}.w-full{width:100%}.min-w-0{min-width:0}.min-w-\[20px\]{min-width:20px}.max-w-7xl{max-width:80rem}.max-w-md{max-width:28rem}.flex-1{flex:1 1}.flex-shrink-0{flex-shrink:0}.grow{flex-grow:1}.-translate-y-1\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.animate-bounce{animation:bounce 1s infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;user-select:none}.resize-none{resize:none}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.space-y-0\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.125rem*var(--tw-space-y-reverse));margin-top:calc(.125rem*(1 - var(--tw-space-y-reverse)))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75rem*var(--tw-space-y-reverse));margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.5rem*var(--tw-space-y-reverse));margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-bottom-width:calc(1px*var(--tw-divide-y-reverse));border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)))}.divide-border-light>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:#2d3548;border-color:rgb(45 53 72/var(--tw-divide-opacity,1))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:24px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:12px}.rounded-md{border-radius:8px}.rounded-xl{border-radius:16px}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-l-4{border-left-width:4px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-accent-500\/20{border-color:#ffc10733}.border-border-light{--tw-border-opacity:1;border-color:#2d3548;border-color:rgb(45 53 72/var(--tw-border-opacity,1))}.border-border-medium{--tw-border-opacity:1;border-color:#3d4558;border-color:rgb(61 69 88/var(--tw-border-opacity,1))}.border-error{--tw-border-opacity:1;border-color:#ef4444;border-color:rgb(239 68 68/var(--tw-border-opacity,1))}.border-error-500\/20,.border-error\/20{border-color:#ef444433}.border-info-500\/20,.border-info\/20{border-color:#3b82f633}.border-purple-500\/20{border-color:#a855f733}.border-secondary{--tw-border-opacity:1;border-color:#ff6b35;border-color:rgb(255 107 53/var(--tw-border-opacity,1))}.border-secondary-500\/20,.border-secondary\/20{border-color:#ff6b3533}.border-success-500\/20,.border-success\/20{border-color:#10b98133}.border-transparent{border-color:#0000}.border-warning\/20{border-color:#f59e0b33}.border-white\/20{border-color:#fff3}.bg-accent-500\/10{background-color:#ffc1071a}.bg-accent\/20{background-color:#ffc10733}.bg-bg-elevated{--tw-bg-opacity:1;background-color:#2d3548;background-color:rgb(45 53 72/var(--tw-bg-opacity,1))}.bg-bg-primary{--tw-bg-opacity:1;background-color:#0f1419;background-color:rgb(15 20 25/var(--tw-bg-opacity,1))}.bg-bg-secondary{--tw-bg-opacity:1;background-color:#1a1f2e;background-color:rgb(26 31 46/var(--tw-bg-opacity,1))}.bg-bg-tertiary{--tw-bg-opacity:1;background-color:#242b3d;background-color:rgb(36 43 61/var(--tw-bg-opacity,1))}.bg-bg-tertiary\/50{background-color:#242b3d80}.bg-border-light{--tw-bg-opacity:1;background-color:#2d3548;background-color:rgb(45 53 72/var(--tw-bg-opacity,1))}.bg-current{background-color:currentColor}.bg-error-500\/10,.bg-error\/10{background-color:#ef44441a}.bg-info-500\/10,.bg-info\/10{background-color:#3b82f61a}.bg-purple-500\/10{background-color:#a855f71a}.bg-secondary{--tw-bg-opacity:1;background-color:#ff6b35;background-color:rgb(255 107 53/var(--tw-bg-opacity,1))}.bg-secondary-500\/10,.bg-secondary\/10{background-color:#ff6b351a}.bg-secondary\/20{background-color:#ff6b3533}.bg-secondary\/5{background-color:#ff6b350d}.bg-success{--tw-bg-opacity:1;background-color:#10b981;background-color:rgb(16 185 129/var(--tw-bg-opacity,1))}.bg-success-500\/10,.bg-success\/10{background-color:#10b9811a}.bg-text-tertiary{--tw-bg-opacity:1;background-color:#64748b;background-color:rgb(100 116 139/var(--tw-bg-opacity,1))}.bg-transparent{background-color:initial}.bg-warning\/10{background-color:#f59e0b1a}.bg-white{--tw-bg-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/10{background-color:#ffffff1a}.bg-\[url\(\'data\:image\/svg\+xml\;base64\2c PHN2ZyB3aWR0aD0iNjAiIGhlaWdodD0iNjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI\+PGRlZnM\+PHBhdHRlcm4gaWQ9ImdyaWQiIHdpZHRoPSI2MCIgaGVpZ2h0PSI2MCIgcGF0dGVyblVuaXRzPSJ1c2VyU3BhY2VPblVzZSI\+PHBhdGggZD0iTSAxMCAwIEwgMCAwIDAgMTAiIGZpbGw9Im5vbmUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMSIvPjwvcGF0dGVybj48L2RlZnM\+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmlkKSIvPjwvc3ZnPg\=\=\'\)\]{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjAiIGhlaWdodD0iNjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHBhdHRlcm4gaWQ9ImEiIHdpZHRoPSI2MCIgaGVpZ2h0PSI2MCIgcGF0dGVyblVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHBhdGggZD0iTTEwIDBIMHYxMCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIi8+PC9wYXR0ZXJuPjwvZGVmcz48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2EpIi8+PC9zdmc+)}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.from-accent,.from-accent-500{--tw-gradient-from:#ffc107 var(--tw-gradient-from-position);--tw-gradient-to:#ffc10700 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-bg-primary{--tw-gradient-from:#0f1419 var(--tw-gradient-from-position);--tw-gradient-to:#0f141900 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-bg-secondary{--tw-gradient-from:#1a1f2e var(--tw-gradient-from-position);--tw-gradient-to:#1a1f2e00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-error,.from-error-500{--tw-gradient-from:#ef4444 var(--tw-gradient-from-position);--tw-gradient-to:#ef444400 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-info-500{--tw-gradient-from:#3b82f6 var(--tw-gradient-from-position);--tw-gradient-to:#3b82f600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-primary{--tw-gradient-from:#1e293b var(--tw-gradient-from-position);--tw-gradient-to:#1e293b00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-primary-dark{--tw-gradient-from:#0f172a var(--tw-gradient-from-position);--tw-gradient-to:#0f172a00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-purple-500{--tw-gradient-from:#a855f7 var(--tw-gradient-from-position);--tw-gradient-to:#a855f700 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-secondary,.from-secondary-500{--tw-gradient-from:#ff6b35 var(--tw-gradient-from-position);--tw-gradient-to:#ff6b3500 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-secondary\/10{--tw-gradient-from:#ff6b351a var(--tw-gradient-from-position);--tw-gradient-to:#ff6b3500 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-secondary\/5{--tw-gradient-from:#ff6b350d var(--tw-gradient-from-position);--tw-gradient-to:#ff6b3500 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-success,.from-success-500{--tw-gradient-from:#10b981 var(--tw-gradient-from-position);--tw-gradient-to:#10b98100 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-transparent{--tw-gradient-from:#0000 var(--tw-gradient-from-position);--tw-gradient-to:#0000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-bg-primary{--tw-gradient-to:#0f141900 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#0f1419 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-border-light{--tw-gradient-to:#2d354800 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#2d3548 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-secondary-dark{--tw-gradient-to:#e8551e00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#e8551e var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-accent{--tw-gradient-to:#ffc107 var(--tw-gradient-to-position)}.to-accent-600{--tw-gradient-to:#e6ae00 var(--tw-gradient-to-position)}.to-accent-dark{--tw-gradient-to:#ffb300 var(--tw-gradient-to-position)}.to-bg-primary{--tw-gradient-to:#0f1419 var(--tw-gradient-to-position)}.to-bg-secondary{--tw-gradient-to:#1a1f2e var(--tw-gradient-to-position)}.to-bg-tertiary{--tw-gradient-to:#242b3d var(--tw-gradient-to-position)}.to-black\/5{--tw-gradient-to:#0000000d var(--tw-gradient-to-position)}.to-error-600,.to-error-dark{--tw-gradient-to:#dc2626 var(--tw-gradient-to-position)}.to-info-600{--tw-gradient-to:#2563eb var(--tw-gradient-to-position)}.to-primary-dark{--tw-gradient-to:#0f172a var(--tw-gradient-to-position)}.to-purple-600{--tw-gradient-to:#9333ea var(--tw-gradient-to-position)}.to-secondary-600{--tw-gradient-to:#f55c26 var(--tw-gradient-to-position)}.to-secondary-dark{--tw-gradient-to:#e8551e var(--tw-gradient-to-position)}.to-success-600,.to-success-dark{--tw-gradient-to:#059669 var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to:#0000 var(--tw-gradient-to-position)}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.p-1\.5{padding:.375rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-bottom:.125rem;padding-top:.125rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-1\.5{padding-bottom:.375rem;padding-top:.375rem}.py-12{padding-bottom:3rem;padding-top:3rem}.py-16{padding-bottom:4rem;padding-top:4rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-2\.5{padding-bottom:.625rem;padding-top:.625rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-8{padding-bottom:2rem;padding-top:2rem}.pl-10{padding-left:2.5rem}.pr-10{padding-right:2.5rem}.pr-4{padding-right:1rem}.text-left{text-align:left}.text-2xl{font-size:20px}.text-3xl{font-size:24px}.text-base{font-size:14px}.text-lg{font-size:16px}.text-sm{font-size:13px}.text-xl{font-size:18px}.text-xs{font-size:12px}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.tracking-wider{letter-spacing:.05em}.text-accent,.text-accent-500{--tw-text-opacity:1;color:#ffc107;color:rgb(255 193 7/var(--tw-text-opacity,1))}.text-error,.text-error-500{--tw-text-opacity:1;color:#ef4444;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-info,.text-info-500{--tw-text-opacity:1;color:#3b82f6;color:rgb(59 130 246/var(--tw-text-opacity,1))}.text-primary-dark{--tw-text-opacity:1;color:#0f172a;color:rgb(15 23 42/var(--tw-text-opacity,1))}.text-purple-500{--tw-text-opacity:1;color:#a855f7;color:rgb(168 85 247/var(--tw-text-opacity,1))}.text-secondary,.text-secondary-500{--tw-text-opacity:1;color:#ff6b35;color:rgb(255 107 53/var(--tw-text-opacity,1))}.text-success,.text-success-500{--tw-text-opacity:1;color:#10b981;color:rgb(16 185 129/var(--tw-text-opacity,1))}.text-text-primary{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-text-secondary{--tw-text-opacity:1;color:#a0aec0;color:rgb(160 174 192/var(--tw-text-opacity,1))}.text-text-tertiary{--tw-text-opacity:1;color:#64748b;color:rgb(100 116 139/var(--tw-text-opacity,1))}.text-transparent{color:#0000}.text-warning{--tw-text-opacity:1;color:#f59e0b;color:rgb(245 158 11/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/80{color:#fffc}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.opacity-0{opacity:0}.opacity-10{opacity:.1}.opacity-5{opacity:.05}.opacity-50{opacity:.5}.shadow-2xl{--tw-shadow:0 25px 50px -12px #000000b3;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_30px_rgba\(16\2c 185\2c 129\2c 0\.3\)\]{--tw-shadow:0 0 30px #10b9814d;--tw-shadow-colored:0 0 30px var(--tw-shadow-color)}.shadow-\[0_0_30px_rgba\(168\2c 85\2c 247\2c 0\.3\)\],.shadow-\[0_0_30px_rgba\(16\2c 185\2c 129\2c 0\.3\)\]{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_30px_rgba\(168\2c 85\2c 247\2c 0\.3\)\]{--tw-shadow:0 0 30px #a855f74d;--tw-shadow-colored:0 0 30px var(--tw-shadow-color)}.shadow-\[0_0_30px_rgba\(239\2c 68\2c 68\2c 0\.3\)\]{--tw-shadow:0 0 30px #ef44444d;--tw-shadow-colored:0 0 30px var(--tw-shadow-color)}.shadow-\[0_0_30px_rgba\(239\2c 68\2c 68\2c 0\.3\)\],.shadow-\[0_0_30px_rgba\(255\2c 107\2c 53\2c 0\.3\)\]{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_30px_rgba\(255\2c 107\2c 53\2c 0\.3\)\]{--tw-shadow:0 0 30px #ff6b354d;--tw-shadow-colored:0 0 30px var(--tw-shadow-color)}.shadow-\[0_0_30px_rgba\(255\2c 193\2c 7\2c 0\.3\)\]{--tw-shadow:0 0 30px #ffc1074d;--tw-shadow-colored:0 0 30px var(--tw-shadow-color)}.shadow-\[0_0_30px_rgba\(255\2c 193\2c 7\2c 0\.3\)\],.shadow-\[0_0_30px_rgba\(59\2c 130\2c 246\2c 0\.3\)\]{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_30px_rgba\(59\2c 130\2c 246\2c 0\.3\)\]{--tw-shadow:0 0 30px #3b82f64d;--tw-shadow-colored:0 0 30px var(--tw-shadow-color)}.shadow-card{--tw-shadow:0 4px 12px #0006;--tw-shadow-colored:0 4px 12px var(--tw-shadow-color)}.shadow-card,.shadow-glow{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-glow{--tw-shadow:0 0 20px #ff6b354d;--tw-shadow-colored:0 0 20px var(--tw-shadow-color)}.shadow-lg{--tw-shadow:0 10px 20px -3px #00000080;--tw-shadow-colored:0 10px 20px -3px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.blur-3xl{--tw-blur:blur(64px)}.blur-3xl,.blur-md{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)}.blur-md{--tw-blur:blur(12px)}.blur-sm{--tw-blur:blur(4px)}.blur-sm,.filter{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)}.backdrop-blur-md{--tw-backdrop-blur:blur(12px)}.backdrop-blur-md,.backdrop-blur-sm{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-150,.transition-transform{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.placeholder\:text-text-tertiary::placeholder{--tw-text-opacity:1;color:#64748b;color:rgb(100 116 139/var(--tw-text-opacity,1))}.checked\:border-secondary:checked{--tw-border-opacity:1;border-color:#ff6b35;border-color:rgb(255 107 53/var(--tw-border-opacity,1))}.checked\:bg-secondary:checked{--tw-bg-opacity:1;background-color:#ff6b35;background-color:rgb(255 107 53/var(--tw-bg-opacity,1))}.hover\:-translate-y-1:hover{--tw-translate-y:-0.25rem}.hover\:-translate-y-1:hover,.hover\:translate-x-1:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:translate-x-1:hover{--tw-translate-x:0.25rem}.hover\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-secondary:hover{--tw-border-opacity:1;border-color:#ff6b35;border-color:rgb(255 107 53/var(--tw-border-opacity,1))}.hover\:bg-bg-elevated:hover{--tw-bg-opacity:1;background-color:#2d3548;background-color:rgb(45 53 72/var(--tw-bg-opacity,1))}.hover\:bg-bg-tertiary:hover{--tw-bg-opacity:1;background-color:#242b3d;background-color:rgb(36 43 61/var(--tw-bg-opacity,1))}.hover\:bg-error\/10:hover{background-color:#ef44441a}.hover\:bg-secondary:hover{--tw-bg-opacity:1;background-color:#ff6b35;background-color:rgb(255 107 53/var(--tw-bg-opacity,1))}.hover\:bg-white\/20:hover{background-color:#fff3}.hover\:from-error-dark:hover{--tw-gradient-from:#dc2626 var(--tw-gradient-from-position);--tw-gradient-to:#dc262600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:from-primary-dark:hover{--tw-gradient-from:#0f172a var(--tw-gradient-from-position);--tw-gradient-to:#0f172a00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:from-secondary-dark:hover{--tw-gradient-from:#e8551e var(--tw-gradient-from-position);--tw-gradient-to:#e8551e00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:from-success-dark:hover{--tw-gradient-from:#059669 var(--tw-gradient-from-position);--tw-gradient-to:#05966900 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:to-error:hover{--tw-gradient-to:#ef4444 var(--tw-gradient-to-position)}.hover\:to-primary:hover{--tw-gradient-to:#1e293b var(--tw-gradient-to-position)}.hover\:to-secondary:hover{--tw-gradient-to:#ff6b35 var(--tw-gradient-to-position)}.hover\:to-success:hover{--tw-gradient-to:#10b981 var(--tw-gradient-to-position)}.hover\:text-error-dark:hover{--tw-text-opacity:1;color:#dc2626;color:rgb(220 38 38/var(--tw-text-opacity,1))}.hover\:text-secondary:hover{--tw-text-opacity:1;color:#ff6b35;color:rgb(255 107 53/var(--tw-text-opacity,1))}.hover\:text-secondary-light:hover{--tw-text-opacity:1;color:#ff8a5b;color:rgb(255 138 91/var(--tw-text-opacity,1))}.hover\:text-text-primary:hover,.hover\:text-white:hover{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.hover\:shadow-2xl:hover{--tw-shadow:0 25px 50px -12px #000000b3;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.hover\:shadow-2xl:hover,.hover\:shadow-card-hover:hover{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-card-hover:hover{--tw-shadow:0 8px 20px #00000080;--tw-shadow-colored:0 8px 20px var(--tw-shadow-color)}.hover\:shadow-glow:hover{--tw-shadow:0 0 20px #ff6b354d;--tw-shadow-colored:0 0 20px var(--tw-shadow-color)}.hover\:shadow-glow:hover,.hover\:shadow-lg:hover{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-lg:hover{--tw-shadow:0 10px 20px -3px #00000080;--tw-shadow-colored:0 10px 20px -3px var(--tw-shadow-color)}.hover\:shadow-xl:hover{--tw-shadow:0 20px 30px -5px #0009;--tw-shadow-colored:0 20px 30px -5px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\:border-error:focus{--tw-border-opacity:1;border-color:#ef4444;border-color:rgb(239 68 68/var(--tw-border-opacity,1))}.focus\:border-secondary:focus{--tw-border-opacity:1;border-color:#ff6b35;border-color:rgb(255 107 53/var(--tw-border-opacity,1))}.focus\:outline-none:focus{outline:2px solid #0000;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-error\/50:focus{--tw-ring-color:#ef444480}.focus\:ring-secondary\/50:focus{--tw-ring-color:#ff6b3580}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:rotate-3{--tw-rotate:3deg}.group:hover .group-hover\:rotate-3,.group:hover .group-hover\:scale-110{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1}.group:hover .group-hover\:text-text-primary{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.group:hover .group-hover\:opacity-100{opacity:1}.peer:checked~.peer-checked\:translate-x-5{--tw-translate-x:1.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.peer:checked~.peer-checked\:border-secondary{--tw-border-opacity:1;border-color:#ff6b35;border-color:rgb(255 107 53/var(--tw-border-opacity,1))}.peer:checked~.peer-checked\:bg-secondary{--tw-bg-opacity:1;background-color:#ff6b35;background-color:rgb(255 107 53/var(--tw-bg-opacity,1))}.peer:checked~.peer-checked\:bg-white{--tw-bg-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.peer:focus~.peer-focus\:ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.peer:focus~.peer-focus\:ring-secondary\/50{--tw-ring-color:#ff6b3580}@media (min-width:768px){.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.store-closed-container{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;position:relative}.store-closed-container:before{background:url('data:image/svg+xml;charset=utf-8,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><rect width="100%" height="100%" fill="url(%23grid)"/></svg>');bottom:0;content:"";left:0;opacity:.5;position:absolute;right:0;top:0}.store-closed-content{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:2rem;position:relative;z-index:1}.closed-icon{animation:float 3s ease-in-out infinite;filter:drop-shadow(0 10px 20px rgba(0,0,0,.3));font-size:6rem;margin-bottom:1.5rem}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.closed-title{font-size:3rem;font-weight:800;letter-spacing:-1px;margin:0 0 .5rem;text-align:center;text-shadow:0 4px 6px #0003}.closed-subtitle{font-size:1.25rem;margin:0 0 2rem;opacity:.9;text-align:center}.closed-message{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 32px #0000001a;margin-bottom:2.5rem;max-width:600px;padding:2rem}.closed-message p{font-size:1.125rem;line-height:1.8;margin:0;text-align:center}.contact-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:20px;margin-bottom:2rem;max-width:500px;padding:2rem;width:100%}.contact-info h2{font-size:1.5rem;font-weight:700;margin:0 0 1.5rem;text-align:center}.contact-item{background:#ffffff1a;border-radius:12px;gap:1rem;margin-bottom:1rem;padding:1rem}.contact-item:last-child{margin-bottom:0}.contact-icon{flex-shrink:0;font-size:2rem}.contact-details{display:flex;flex-direction:column;gap:.25rem}.contact-label{font-size:.875rem;opacity:.8}.contact-value{color:#fff;font-size:1.125rem;font-weight:700;text-decoration:none}.contact-value:hover{text-decoration:underline}.social-links{margin-bottom:2rem}.social-title{font-size:1.125rem;font-weight:600;margin:0 0 1rem;text-align:center}.social-buttons{display:flex;gap:1rem;justify-content:center}.social-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;border-radius:50px;color:#fff;display:flex;font-size:1rem;font-weight:700;gap:.75rem;padding:1rem 2rem;text-decoration:none;transition:all .3s}.social-button:hover{background:#ffffff4d;box-shadow:0 8px 20px #0003;transform:translateY(-4px)}.social-icon{font-size:1.5rem}.check-back{max-width:500px;text-align:center}.check-back p{font-size:1rem;margin:.5rem 0}.refresh-hint{font-size:.875rem;font-style:italic;opacity:.8}.closed-footer{background:#0003;padding:2rem;position:relative;text-align:center;z-index:1}.closed-footer p{font-size:.875rem;margin:0;opacity:.8}@media (max-width:768px){.store-closed-content{padding:1.5rem}.closed-icon{font-size:4rem}.closed-title{font-size:2rem}.closed-subtitle{font-size:1rem}.closed-message{padding:1.5rem}.closed-message p{font-size:1rem}.contact-info{padding:1.5rem}.social-buttons{flex-direction:column;max-width:300px;width:100%}.social-button{justify-content:center;width:100%}}.auth-modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.auth-modal-content{animation:slideUp .3s ease;background:#fff;border-radius:16px;max-height:90vh;max-width:420px;overflow-y:auto;position:relative;width:100%}.auth-modal-close{align-items:center;background:#f5f5f5;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:24px;height:36px;justify-content:center;position:absolute;right:12px;top:12px;transition:all .2s;width:36px}.auth-modal-close:hover{background:#e0e0e0;color:#333}.auth-modal-header{border-bottom:1px solid #f0f0f0;padding:32px 24px 24px;text-align:center}.auth-modal-header h2{color:#1a1a1a;font-size:24px;font-weight:600;margin:0 0 8px}.auth-modal-header p{color:#666;font-size:14px;margin:0}.auth-form{padding:24px}.auth-form-group{margin-bottom:20px}.auth-form-group label{color:#333;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.auth-form-group input{border:1px solid #e0e0e0;border-radius:10px;box-sizing:border-box;font-size:15px;padding:14px 16px;transition:all .2s;width:100%}.auth-form-group input:focus{border-color:#ffc124;box-shadow:0 0 0 3px #ffc12426;outline:none}.auth-form-group input::placeholder{color:#aaa}.auth-error{background:#fff5f5;border:1px solid #fed7d7;border-radius:8px;color:#e53e3e}.auth-error,.auth-success{font-size:14px;margin-bottom:16px;padding:12px 16px}.auth-success{background:#f0fff4;border:1px solid #c6f6d5;border-radius:8px;color:#38a169}.auth-submit-btn{background:linear-gradient(135deg,#ffc124,#e5a91f);border:none;border-radius:10px;color:#1a1a1a;cursor:pointer;font-size:16px;font-weight:600;padding:16px;transition:all .2s;width:100%}.auth-submit-btn:hover:not(:disabled){box-shadow:0 4px 12px #ffc12459;transform:translateY(-1px)}.auth-submit-btn:disabled{cursor:not-allowed;opacity:.7}.auth-modal-footer{padding:0 24px 24px;text-align:center}.auth-modal-footer p{color:#666;font-size:14px;margin:12px 0 0}.auth-link-btn{background:none;border:none;color:#666;cursor:pointer;font-size:14px;padding:0;text-decoration:underline}.auth-link-btn.primary{color:#d4920a;font-weight:600;text-decoration:none}.auth-link-btn:hover{color:#ffc124}@media (max-width:480px){.auth-modal-overlay{align-items:flex-end;padding:0}.auth-modal-content{border-radius:24px 24px 0 0;max-height:95vh;max-width:100%}.auth-modal-header{padding:28px 20px 20px}.auth-form{padding:20px}.auth-modal-footer{padding:0 20px 28px}}.profile-modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.profile-modal-content{animation:slideUp .3s ease;background:#fff;border-radius:16px;display:flex;flex-direction:column;max-height:90vh;max-width:500px;overflow:hidden;position:relative;width:100%}.profile-modal-close{align-items:center;background:#ffffffe6;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:24px;height:36px;justify-content:center;position:absolute;right:12px;top:12px;transition:all .2s;width:36px;z-index:10}.profile-modal-close:hover{background:#fff;color:#333}.profile-header{background:linear-gradient(135deg,#ffc124,#e5a91f);gap:16px;padding:32px 24px}.profile-avatar{align-items:center;background:#fff;border-radius:50%;box-shadow:0 2px 8px #00000026;color:#ffc124;display:flex;font-size:28px;font-weight:600;height:64px;justify-content:center;width:64px}.profile-info h2{color:#1a1a1a;font-size:20px;font-weight:600;margin:0 0 4px}.profile-info p{color:#333;font-size:14px;margin:0}.profile-phone{opacity:.8}.profile-stats{background:#f8f8f8;border-bottom:1px solid #eee;display:flex}.stat-item{border-right:1px solid #eee;flex:1 1;padding:16px}.stat-item:last-child{border-right:none}.stat-value{color:#1a1a1a;display:block}.stat-label{display:block;font-size:12px;margin-top:4px}.profile-tabs{background:#fff;border-bottom:1px solid #eee;display:flex}.tab-btn{background:none;border:none;border-bottom:2px solid #0000;color:#666;font-size:14px;padding:14px;transition:all .2s}.tab-btn.active{border-bottom-color:#ffc124;color:#ffc124;font-weight:500}.tab-btn:hover:not(.active){background:#f5f5f5}.profile-tab-content{flex:1 1;min-height:300px;overflow-y:auto;padding:16px}.empty-state{padding:40px 20px}.empty-icon{display:block;font-size:48px;margin-bottom:16px}.empty-state h3{color:#333;font-size:18px;margin:0 0 8px}.empty-state p{color:#666;font-size:14px}.orders-list{gap:12px}.order-card{background:#f8f8f8}.order-header{cursor:pointer;padding:16px;transition:background .2s}.order-header:hover{background:#f0f0f0}.order-number{color:#1a1a1a;font-size:15px;font-weight:600}.order-date{color:#666;font-size:13px;margin-top:4px}.order-right{align-items:center;display:flex;gap:12px}.order-status{font-size:12px;font-weight:500;padding:4px 10px}.expand-icon{color:#999;font-size:12px}.order-details{background:#fff;border-top:1px solid #eee;padding:0 16px 16px}.order-item{font-size:14px;gap:8px;padding:8px 0}.order-item .item-name{color:#333;flex:1 1}.order-item .item-qty{color:#666}.order-item .item-price{color:#1a1a1a;font-weight:500}.order-summary{border-top:1px solid #f0f0f0;padding:12px 0}.summary-row{color:#666;padding:4px 0}.summary-row.total{border-top:1px dashed #ddd;color:#1a1a1a;font-weight:600;padding-top:8px}.order-meta{gap:16px;padding:8px 0}.meta-item{color:#666;font-size:13px}.track-order-link{background:#ffc124;border-radius:8px;color:#1a1a1a;display:block;font-weight:500;margin-top:12px;padding:12px;text-align:center;text-decoration:none;transition:all .2s}.track-order-link:hover{background:#e5a91f}.favorites-list{display:flex;flex-direction:column;gap:8px}.favorite-item{background:#f8f8f8;border-radius:10px;justify-content:space-between;padding:14px 16px}.favorite-info,.favorite-item{align-items:center;display:flex}.favorite-info{gap:12px}.favorite-details{display:flex;flex-direction:column}.favorite-name{color:#1a1a1a;font-size:15px;font-weight:500}.favorite-price{color:#666;font-size:13px}.remove-favorite-btn{background:none;border:none;cursor:pointer;font-size:20px;padding:8px;transition:transform .2s}.remove-favorite-btn:hover{transform:scale(1.2)}.addresses-list{display:flex;flex-direction:column;gap:12px}.address-card{background:#f8f8f8;border:2px solid #0000;border-radius:12px;padding:16px}.address-card.default{background:#fffbeb;border-color:#ffc124}.address-header{align-items:center;display:flex;gap:8px;margin-bottom:10px}.address-label{color:#1a1a1a;font-size:15px;font-weight:600}.default-badge{background:#ffc124;border-radius:10px;color:#1a1a1a;font-size:11px;font-weight:500;padding:2px 8px}.address-content p{color:#555;font-size:14px;margin:4px 0}.address-content .building{color:#333;font-weight:500}.address-content .location{color:#888;font-size:13px}.address-actions{display:flex;gap:12px;margin-top:12px}.delete-address-btn,.set-default-btn{border-radius:6px;cursor:pointer;font-size:13px;padding:8px 16px;transition:all .2s}.set-default-btn{background:#ffc124;border:none;color:#1a1a1a;font-weight:500}.set-default-btn:hover{background:#e5a91f}.delete-address-btn{background:none;border:1px solid #ddd;color:#666}.delete-address-btn:hover{border-color:#f44336;color:#f44336}.profile-footer{background:#fff;border-top:1px solid #eee;padding:16px 24px}.logout-btn{background:none;border:1px solid #e0e0e0;border-radius:10px;color:#666;font-size:15px;padding:14px}.logout-btn:hover{border-color:#f44336;color:#f44336}.veg-dot{font-size:12px}@media (max-width:480px){.profile-modal-overlay{align-items:flex-end;padding:0}.profile-modal-content{border-radius:24px 24px 0 0;max-height:95vh;max-width:100%}.profile-header{padding:28px 20px}.profile-tab-content{padding:12px}}.oz-customer-app{background:#fafafa;display:flex;flex-direction:column;min-height:100vh}.oz-main-content{flex:1 1}.oz-container{margin:0 auto;max-width:1400px;padding:0 1.5rem}.oz-loading-screen{align-items:center;background:#fafafa;display:flex;justify-content:center;min-height:100vh}.oz-loading-content{text-align:center}.oz-loading-icon{animation:bounce 1s ease-in-out infinite;display:block;font-size:4rem;margin-bottom:1rem}.oz-loading-content p{color:#666;font-size:1.1rem;margin-bottom:1.5rem}.oz-loading-spinner{animation:spin 1s linear infinite;border:3px solid #f0f0f0;border-radius:50%;border-top-color:#ff6b00;height:40px;margin:0 auto;width:40px}.oz-cart-drawer-overlay{background:#00000080;display:flex;inset:0;justify-content:flex-end;position:fixed;z-index:2000}.oz-cart-drawer{animation:slideIn .3s ease;background:#fff;display:flex;flex-direction:column;height:100%;max-width:100%;width:420px}.oz-cart-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.oz-cart-header h2{color:#1a1a1a;font-size:1.25rem;font-weight:700}.oz-cart-close{align-items:center;background:#f5f5f5;border:none;border-radius:10px;color:#666;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.oz-cart-close:hover{background:#eee;color:#333}.oz-cart-empty{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:2rem;text-align:center}.oz-cart-empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.oz-cart-empty h3{color:#1a1a1a;font-size:1.25rem;margin-bottom:.5rem}.oz-cart-empty p{color:#888;margin-bottom:1.5rem}.oz-cart-items{flex:1 1;overflow-y:auto;padding:1rem 1.5rem}.oz-cart-item{align-items:flex-start;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:1rem 0}.oz-cart-item:last-child{border-bottom:none}.oz-cart-item-left{display:flex;flex:1 1;gap:.75rem;min-width:0}.oz-cart-item .oz-veg-badge{align-items:center;border:2px solid;border-radius:4px;display:flex;flex-shrink:0;height:18px;justify-content:center;margin-top:2px;width:18px}.oz-cart-item .oz-veg-badge.veg{border-color:#4caf50}.oz-cart-item .oz-veg-badge.nonveg{border-color:#f44336}.oz-cart-item .oz-veg-dot{border-radius:50%;height:8px;width:8px}.oz-cart-item .oz-veg-badge.veg .oz-veg-dot{background:#4caf50}.oz-cart-item .oz-veg-badge.nonveg .oz-veg-dot{background:#f44336}.oz-cart-item-info{min-width:0}.oz-cart-item-name{color:#1a1a1a;display:block;font-weight:500;margin-bottom:.25rem}.oz-cart-remove{background:none;border:none;color:#ff6b00;cursor:pointer;font-size:.8rem;padding:0}.oz-cart-remove:hover{text-decoration:underline}.oz-cart-item-right{align-items:flex-end;display:flex;flex-direction:column;gap:.5rem}.oz-cart-qty{align-items:center;background:#f5f5f5;border-radius:8px;display:flex;overflow:hidden}.oz-cart-qty button{background:#0000;border:none;color:#333;cursor:pointer;font-size:1.1rem;height:32px;transition:background .2s ease;width:32px}.oz-cart-qty button:hover{background:#e0e0e0}.oz-cart-qty span{font-size:.9rem;font-weight:600;min-width:24px;text-align:center}.oz-cart-item-price{color:#1a1a1a;font-weight:600}.oz-cart-footer{background:#fafafa;border-top:1px solid #eee;padding:1.5rem}.oz-cart-subtotal{color:#1a1a1a;display:flex;font-size:1.1rem;font-weight:600;justify-content:space-between;margin-bottom:.5rem}.oz-cart-note{color:#888;font-size:.8rem;margin-bottom:1rem}.oz-btn{border:none;border-radius:10px;font-size:.95rem;font-weight:600;gap:.5rem;padding:.875rem 1.5rem;transition:all .2s ease}.oz-btn-primary{background:#ff6b00;color:#fff}.oz-btn-primary:hover{background:#e55d00}.oz-btn-full{width:100%}@media (max-width:480px){.oz-cart-drawer{width:100%}}.oz-header{background:#fff;box-shadow:0 2px 10px #0000001a;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.oz-header-container{gap:2rem;justify-content:space-between;margin:0 auto;max-width:1400px;padding:.75rem 1.5rem}.oz-header-container,.oz-logo{align-items:center;display:flex}.oz-logo{color:inherit;gap:.75rem;text-decoration:none}.oz-logo-icon{font-size:2rem}.oz-logo-text{display:flex;flex-direction:column}.oz-logo-name{color:#1a1a1a;font-size:1.5rem;font-weight:700;line-height:1.2}.oz-logo-tagline{color:#666;font-size:.75rem;font-weight:400}.oz-nav-desktop{align-items:center;display:flex;gap:.5rem}.oz-nav-link{border-radius:8px;color:#333;font-size:.95rem;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.oz-nav-link:hover{background:#f5f5f5;color:#ff6b00}.oz-nav-link.active{background:linear-gradient(135deg,#ff6b00,#ff8c00);color:#fff}.oz-header-actions{align-items:center;display:flex;gap:.75rem}.oz-cart-btn{align-items:center;background:#f5f5f5;border:none;border-radius:12px;color:#333;cursor:pointer;display:flex;height:44px;justify-content:center;position:relative;transition:all .2s ease;width:44px}.oz-cart-badge,.oz-cart-btn:hover{background:#ff6b00;color:#fff}.oz-cart-badge{align-items:center;border-radius:10px;display:flex;font-size:.75rem;font-weight:600;height:20px;justify-content:center;min-width:20px;padding:0 6px;position:absolute;right:-4px;top:-4px}.oz-cart-btn:hover .oz-cart-badge{background:#fff;color:#ff6b00}.oz-outlet-menu{display:inline-flex;position:relative;z-index:100}.oz-outlet-btn{align-items:center;background:linear-gradient(135deg,#f97316,#ea580c);border:none;border-radius:12px;box-shadow:0 2px 8px #f973164d;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;position:relative;transition:all .2s ease;z-index:101}.oz-outlet-btn:hover{background:linear-gradient(135deg,#ea580c,#c2410c);box-shadow:0 4px 12px #f9731666}.oz-outlet-name{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oz-outlet-dropdown{background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;left:auto!important;max-height:500px;max-width:400px;min-width:300px;overflow-y:auto;padding:.5rem;position:absolute!important;right:0!important;top:calc(100% + .5rem)!important;transform:translateZ(0);z-index:9999!important}.oz-outlet-dropdown-header{border-bottom:1px solid #e5e7eb;margin-bottom:.25rem;padding:.75rem 1rem}.oz-outlet-dropdown-header span{color:#1f2937;font-size:.9rem;font-weight:600}.oz-outlet-dropdown-item{align-items:center;background:none;border:none;border-radius:8px;color:#333;cursor:pointer;display:flex;font-size:.95rem;gap:.75rem;padding:.75rem 1rem;position:relative;text-align:left;text-decoration:none;transition:all .2s ease;width:100%}.oz-outlet-dropdown-item.active,.oz-outlet-dropdown-item:hover{background:#fff7ed;color:#f97316}.oz-outlet-info{display:flex;flex:1 1;flex-direction:column;gap:.25rem;min-width:0}.oz-outlet-dropdown-name{font-size:.95rem;font-weight:500}.oz-outlet-dropdown-address,.oz-outlet-dropdown-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oz-outlet-dropdown-address{color:#6b7280;font-size:.75rem}.oz-outlet-check{color:#f97316;flex-shrink:0}.oz-outlet-dropdown-divider{background:#e5e7eb;height:1px;margin:.5rem 0}.oz-outlet-view-all{color:#f97316;font-weight:600}.oz-outlet-view-all:hover{background:#fff7ed;color:#ea580c}.oz-user-menu{position:relative}.oz-user-btn{align-items:center;background:#f5f5f5;border:none;border-radius:12px;cursor:pointer;display:flex;gap:.5rem;padding:.5rem .75rem;transition:all .2s ease}.oz-user-btn:hover{background:#e8e8e8}.oz-user-avatar{align-items:center;background:linear-gradient(135deg,#ff6b00,#ff8c00);border-radius:50%;color:#fff;display:flex;font-size:.9rem;font-weight:600;height:32px;justify-content:center;width:32px}.oz-user-name{color:#333;font-weight:500;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oz-dropdown-menu{background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;margin-top:.5rem;min-width:200px;padding:.5rem;position:absolute;right:0;top:100%;z-index:1001}.oz-dropdown-item{align-items:center;background:none;border:none;border-radius:8px;color:#333;cursor:pointer;display:flex;font-size:.95rem;gap:.75rem;padding:.75rem 1rem;text-decoration:none;transition:all .2s ease;width:100%}.oz-dropdown-item:hover{background:#f5f5f5;color:#ff6b00}.oz-dropdown-item svg{color:#666}.oz-dropdown-item:hover svg{color:#ff6b00}.oz-dropdown-divider{background:#eee;height:1px;margin:.5rem 0}.oz-logout-btn{color:#dc3545}.oz-logout-btn:hover{background:#fff5f5;color:#dc3545}.oz-logout-btn svg{color:#dc3545}.oz-login-btn{align-items:center;background:linear-gradient(135deg,#ff6b00,#ff8c00);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:all .2s ease}.oz-login-btn:hover{box-shadow:0 4px 15px #ff6b0066;transform:translateY(-2px)}.oz-mobile-toggle{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:none;height:44px;justify-content:center;width:44px}.oz-nav-mobile{background:#fff;border-top:1px solid #eee;display:none;flex-direction:column;padding:1rem 1.5rem}.oz-nav-mobile.open{display:flex}.oz-nav-mobile .oz-nav-link{border-radius:8px;padding:1rem}.oz-nav-login-btn{background:linear-gradient(135deg,#ff6b00,#ff8c00);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:.5rem;padding:1rem}@media (max-width:1024px){.oz-nav-desktop{display:none}.oz-mobile-toggle{display:flex}.oz-user-name{display:none}}@media (max-width:640px){.oz-header-container{padding:.75rem 1rem}.oz-logo-tagline{display:none}.oz-logo-name{font-size:1.25rem}.oz-login-btn span{display:none}.oz-login-btn{border-radius:12px;padding:.75rem}.oz-outlet-name{display:none}.oz-outlet-btn{min-width:44px;padding:.5rem .75rem}.oz-outlet-dropdown{left:auto;min-width:280px;right:-10px}}.oz-footer{background:#1a1a1a;color:#fff;margin-top:auto}.oz-footer-container{margin:0 auto;max-width:1400px}.oz-footer-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1.5fr repeat(4,1fr);padding:4rem 1.5rem 3rem}.oz-footer-brand{padding-right:2rem}.oz-footer-logo{align-items:center;color:#fff;display:flex;gap:.75rem;margin-bottom:1.25rem;text-decoration:none}.oz-footer-logo-icon{font-size:2rem}.oz-footer-logo-text{display:flex;flex-direction:column}.oz-footer-logo-name{font-size:1.5rem;font-weight:700;line-height:1.2}.oz-footer-logo-tagline{color:#888;font-size:.75rem}.oz-footer-description{color:#999;font-size:.9rem;line-height:1.7;margin-bottom:1.5rem}.oz-footer-social{display:flex;gap:.75rem}.oz-social-link{align-items:center;background:#333;border-radius:10px;color:#fff;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.oz-social-link:hover{background:#ff6b00;transform:translateY(-3px)}.oz-footer-section{min-width:0}.oz-footer-heading{color:#fff;font-size:1rem;font-weight:600;margin-bottom:1.25rem}.oz-footer-links{list-style:none;margin:0;padding:0}.oz-footer-links li{margin-bottom:.75rem}.oz-footer-links a{color:#999;font-size:.9rem;text-decoration:none;transition:color .2s ease}.oz-footer-links a:hover{color:#ff6b00}.oz-footer-locations{column-count:2;column-gap:1rem}.oz-view-all{color:#ff6b00!important;font-weight:500}.oz-footer-contact{display:flex;flex-direction:column;gap:1rem}.oz-contact-item{align-items:flex-start;color:#999;display:flex;font-size:.9rem;gap:.75rem}.oz-contact-item svg{color:#ff6b00;flex-shrink:0;margin-top:2px}.oz-contact-item a{color:#999;text-decoration:none;transition:color .2s ease}.oz-contact-item a:hover{color:#ff6b00}.oz-footer-bottom{border-top:1px solid #333;padding:1.5rem}.oz-footer-bottom-content{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.oz-copyright{color:#666;font-size:.85rem;margin:0}.oz-footer-legal{display:flex;gap:1.5rem}.oz-footer-legal a{color:#666;font-size:.85rem;text-decoration:none;transition:color .2s ease}.oz-footer-legal a:hover{color:#ff6b00}@media (max-width:1200px){.oz-footer-grid{grid-template-columns:repeat(3,1fr)}.oz-footer-brand{grid-column:1/-1;max-width:500px;padding-right:0}}@media (max-width:768px){.oz-footer-grid{gap:2rem 1.5rem;grid-template-columns:repeat(2,1fr);padding:3rem 1rem 2rem}.oz-footer-brand{grid-column:1/-1}.oz-footer-locations{column-count:1}}@media (max-width:480px){.oz-footer-grid{gap:2rem;grid-template-columns:1fr}.oz-footer-bottom-content{flex-direction:column;text-align:center}.oz-footer-legal{flex-wrap:wrap;justify-content:center}}.login-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:2rem}.login-container{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:450px;padding:3rem 2.5rem;width:100%}.login-header{margin-bottom:2rem;text-align:center}.login-header h1{color:#101828;font-size:2.5rem;margin:0 0 .5rem}.login-header h2{color:#333;font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.login-header p{color:#666;font-size:.9375rem;margin:0}.error-message{background:#fee;border-radius:8px;font-size:.9375rem;padding:1rem}.error-message,.login-form{margin-bottom:1.5rem}.form-group label{font-size:.9375rem}.form-group input{border-radius:8px;font-family:inherit;font-size:1rem;padding:.875rem 1rem;transition:all .2s ease}.form-group input:disabled{background:#f5f5f5}.btn-login{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;box-shadow:0 4px 12px #667eea4d;color:#fff;font-size:1.0625rem;font-weight:600;padding:1rem;transition:all .3s ease}.btn-login:hover:not(:disabled){box-shadow:0 6px 20px #667eea66}.btn-login:disabled{opacity:.6}.login-footer{border-top:1px solid #e0e0e0;padding-top:1.5rem;text-align:center}.setup-note{background:#f0f7ff;border:1px solid #d0e7ff;border-radius:8px;color:#333;font-size:.875rem;line-height:1.6;margin:0;padding:1rem}.setup-note strong{color:#101828;display:block;margin-bottom:.5rem}@media (max-width:768px){.login-page{padding:1rem}.login-container{padding:2rem 1.5rem}.login-header h1{font-size:2rem}.login-header h2{font-size:1.25rem}}:root{--color-black:#000;--color-white:#fff;--color-yellow:#ffde00;--black-100:#0a0a0a;--black-200:#1a1a1a;--black-300:#2a2a2a;--black-400:#3a3a3a;--black-500:#4a4a4a;--black-600:#5a5a5a;--black-700:#6a6a6a;--black-800:#7a7a7a;--black-900:#8a8a8a;--white-100:#fff;--white-200:#f9f9f9;--white-300:#f3f3f3;--white-400:#eee;--white-500:#e8e8e8;--white-600:#d8d8d8;--white-700:#c8c8c8;--white-800:#b8b8b8;--white-900:#a8a8a8;--yellow-50:#fffcf0;--yellow-100:#fff9e0;--yellow-200:#fff3c0;--yellow-300:#ffeda0;--yellow-400:#ffe680;--yellow-500:#ffde00;--yellow-600:#e6c800;--yellow-700:#ccb200;--yellow-800:#b39c00;--yellow-900:#998600;--primary-color:var(--color-yellow);--primary-light:var(--yellow-300);--primary-dark:var(--yellow-700);--secondary-color:var(--color-black);--accent-color:var(--color-yellow);--bg-primary:var(--color-black);--bg-secondary:var(--black-100);--bg-tertiary:var(--black-200);--bg-elevated:var(--black-300);--bg-hover:var(--black-400);--text-primary:var(--color-white);--text-secondary:var(--white-700);--text-tertiary:var(--white-800);--text-muted:var(--white-900);--text-inverse:var(--color-black);--border-light:var(--black-300);--border-medium:var(--black-400);--border-dark:var(--black-500);--border-yellow:var(--color-yellow);--success:var(--color-yellow);--success-light:var(--yellow-100);--warning:var(--yellow-600);--warning-light:var(--yellow-100);--error:var(--color-white);--error-light:var(--black-400);--info:var(--color-yellow);--info-light:var(--yellow-100);--status-pending:var(--yellow-400);--status-confirmed:var(--yellow-500);--status-preparing:var(--yellow-600);--status-prepared:var(--yellow-500);--status-out-for-delivery:var(--yellow-400);--status-delivered:var(--white-700);--status-cancelled:var(--white-600);--gradient-primary:linear-gradient(135deg,var(--yellow-400) 0%,var(--yellow-600) 100%);--gradient-secondary:linear-gradient(135deg,var(--black-200) 0%,var(--black-400) 100%);--gradient-accent:linear-gradient(135deg,var(--yellow-300) 0%,var(--yellow-700) 100%);--gradient-dark:linear-gradient(135deg,var(--color-black) 0%,var(--black-300) 100%);--shadow-xs:0 1px 2px 0 #0000004d;--shadow-sm:0 2px 4px 0 #0006;--shadow-md:0 4px 8px -1px #00000080;--shadow-lg:0 10px 20px -3px #0009;--shadow-xl:0 20px 30px -5px #000000b3;--shadow-2xl:0 25px 50px -12px #000c;--shadow-glow:0 0 20px #ffde0066;--shadow-glow-strong:0 0 30px #ffde0099;--shadow-card:0 4px 12px #00000080;--shadow-card-hover:0 8px 24px #0009;--radius-none:0;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-2xl:32px;--space-3xl:48px;--space-4xl:64px;--space-5xl:96px;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-mono:"SF Mono","Monaco","Inconsolata","Fira Code","Droid Sans Mono","Source Code Pro",monospace;--text-xs:11px;--text-sm:13px;--text-base:15px;--text-lg:17px;--text-xl:20px;--text-2xl:24px;--text-3xl:30px;--text-4xl:36px;--text-5xl:48px;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--leading-none:1;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:200ms cubic-bezier(0.4,0,0.2,1);--transition-slow:300ms cubic-bezier(0.4,0,0.2,1);--transition-slower:500ms cubic-bezier(0.4,0,0.2,1);--z-base:0;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--sidebar-width:260px;--sidebar-collapsed-width:80px;--header-height:70px;--max-content-width:1600px;--btn-height-sm:32px;--btn-height-md:40px;--btn-height-lg:48px;--input-height:44px;--input-bg:var(--bg-tertiary);--input-border:var(--border-light);--input-focus-border:var(--color-yellow);--card-bg:var(--bg-secondary);--card-border:var(--border-light);--table-header-bg:var(--bg-tertiary);--table-row-hover:var(--bg-hover)}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{background-color:#000;background-color:var(--bg-primary);color:#fff;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:var(--font-sans);font-size:15px;font-size:var(--text-base);line-height:1.5;line-height:var(--leading-normal)}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#000;background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#4a4a4a;background:var(--black-500);border-radius:9999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#ffde00;background:var(--color-yellow)}::selection{background-color:#ffde00;background-color:var(--color-yellow);color:#000;color:var(--color-black)}::-moz-selection{background-color:#ffde00;background-color:var(--color-yellow);color:#000;color:var(--color-black)}:focus-visible{outline:2px solid #ffde00;outline:2px solid var(--color-yellow);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.order-card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);margin-bottom:var(--space-lg);overflow:hidden;padding:var(--space-lg);position:relative;transition:all var(--transition-base)}.order-card:before{background:linear-gradient(135deg,#0000,#ffffff0d);content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity var(--transition-base);z-index:1}.order-card:hover{box-shadow:var(--shadow-card-hover)}.order-card:hover:before{opacity:1}.order-card-in_progress{background:linear-gradient(to bottom,var(--warning-light),var(--bg-primary));border-left-color:var(--warning)}.order-card-prepared{background:linear-gradient(to bottom,var(--success-light),var(--bg-primary));border-left-color:var(--success)}.order-card-out_for_delivery{background:linear-gradient(to bottom,var(--info-light),var(--bg-primary));border-left-color:var(--info)}.order-card-delivered{background:linear-gradient(to bottom,var(--gray-100),var(--bg-primary));border-left-color:var(--gray-400);opacity:.9}.order-card-cancelled{background:linear-gradient(to bottom,var(--error-light),var(--bg-primary));border-left-color:var(--error);opacity:.9}.order-card-header{border-bottom:1px solid var(--border-light);flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-md);padding-bottom:var(--space-md)}.order-header-top{align-items:center;display:flex;gap:var(--space-sm);justify-content:space-between}.order-id{color:var(--text-primary);flex:1 1;font-family:var(--font-mono);font-size:var(--text-xl);font-weight:var(--font-extrabold);letter-spacing:-.5px}.order-type-badge{border-radius:var(--radius-full);box-shadow:var(--shadow-sm);font-size:var(--text-xs);font-weight:var(--font-bold);gap:var(--space-sm);padding:var(--space-xs) var(--space-md)}.order-type-badge.delivery{background:var(--info-light);border:1px solid var(--info);color:var(--info)}.order-type-badge.pickup,.order-type-badge.takeaway{background:var(--warning-light);border:1px solid var(--warning);color:var(--warning)}.order-type-badge.dine-in{background:#fef3c7;border:1px solid #f59e0b;color:#92400e}.order-badges{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.order-source-badge{align-items:center;border-radius:var(--radius-full);box-shadow:var(--shadow-sm);display:flex;font-size:var(--text-xs);font-weight:var(--font-semibold);gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);white-space:nowrap}.order-source-badge.source-phone{background:#dbeafe;border:1px solid #3b82f6;color:#1e40af}.order-source-badge.source-online{background:#d1fae5;border:1px solid #10b981;color:#065f46}.order-source-badge.source-web{background:#ede9fe;border:1px solid #8b5cf6;color:#5b21b6}.order-source-badge.source-app{background:#fce7f3;border:1px solid #f43f5e;color:#9f1239}.order-source-badge.source-whatsapp{background:#d1fae5;border:1px solid #059669;color:#065f46}.order-outlet{align-items:center;background:#f3f4f6;border-radius:var(--radius-md);color:var(--text-secondary);display:inline-flex;font-size:var(--text-sm);gap:var(--space-xs);margin-bottom:var(--space-sm);padding:var(--space-xs) var(--space-md)}.order-outlet strong{color:var(--text-primary);font-weight:var(--font-bold)}.badge-icon{font-size:var(--text-base)}.badge-text{font-size:var(--text-xs);font-weight:var(--font-bold);letter-spacing:.5px;text-transform:uppercase}.order-time{font-size:var(--text-base);font-weight:var(--font-semibold);text-align:right}.order-time-ago{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--text-sm);gap:var(--space-xs);margin-bottom:var(--space-md)}.order-customer{background:var(--gray-50);border:1px solid var(--border-light);border-radius:var(--radius-lg);margin-bottom:var(--space-md);padding:var(--space-md)}.customer-location,.customer-name,.customer-phone{align-items:center;color:var(--text-primary);display:flex;font-size:var(--text-sm);gap:var(--space-sm);margin-bottom:var(--space-xs)}.customer-name{color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-semibold)}.customer-location,.customer-phone{color:var(--text-secondary);font-size:var(--text-sm)}.order-items{margin-bottom:var(--space-md)}.items-header{color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-semibold);letter-spacing:.5px;margin-bottom:var(--space-sm);text-transform:uppercase}.items-list{gap:var(--space-xs)}.item-row{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:var(--text-sm);gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);transition:all var(--transition-fast)}.item-row:hover{background:var(--gray-50);transform:translateX(4px)}.veg-icon{align-items:center;border:2px solid;border-radius:var(--radius-sm);display:flex;flex-shrink:0;height:16px;justify-content:center;width:16px}.veg-dot{border-radius:var(--radius-full);height:8px;width:8px}.item-text{flex:1 1;font-weight:var(--font-medium)}.item-price,.item-text{color:var(--text-primary)}.item-price{font-weight:var(--font-bold)}.item-price,.more-items{font-size:var(--text-sm)}.more-items{color:var(--text-secondary);margin-top:var(--space-xs);padding-left:var(--space-xl)}.order-total{align-items:center;background:linear-gradient(135deg,var(--secondary-light) 0,var(--accent-light) 100%);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);font-weight:var(--font-semibold);margin-bottom:var(--space-md);padding:var(--space-md) var(--space-lg)}.total-amount{color:var(--text-primary);font-size:var(--text-2xl);font-weight:var(--font-extrabold);letter-spacing:-.5px}.order-payment{align-items:center;background:var(--gray-50);border-radius:var(--radius-md);color:var(--text-secondary);display:flex;font-size:var(--text-sm);justify-content:space-between;margin-bottom:var(--space-md);padding:var(--space-sm) var(--space-md)}.payment-method{color:var(--text-primary);font-weight:var(--font-semibold);gap:var(--space-xs)}.order-notes{background:var(--info-light);border-left:4px solid var(--info);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:var(--text-sm);font-style:italic;line-height:var(--leading-relaxed);margin-bottom:var(--space-md);padding:var(--space-md)}.order-actions{border-top:1px solid var(--border-light);gap:var(--space-md);margin-top:var(--space-md);padding-top:var(--space-md);position:relative;z-index:10}.btn-update-status,.btn-view-details{align-items:center;border:none;border-radius:var(--radius-lg);cursor:pointer;display:flex;flex:1 1;font-size:var(--text-sm);font-weight:var(--font-semibold);gap:var(--space-sm);justify-content:center;padding:var(--space-md) var(--space-lg);pointer-events:auto;position:relative;transition:all var(--transition-base);z-index:11}.btn-view-details{border:2px solid var(--border-light);color:var(--text-primary)}.btn-view-details:hover{background:var(--gray-50);border-color:var(--gray-300);transform:translateY(-2px)}.btn-update-status{background:var(--gradient-success);box-shadow:var(--shadow-sm);color:#fff}.btn-update-status:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-update-status:disabled{background:var(--gray-300);cursor:not-allowed;opacity:.6}@media (max-width:768px){.order-card{padding:var(--space-md)}.order-id{font-size:var(--text-lg)}.total-amount{font-size:var(--text-xl)}.order-actions{flex-direction:column;gap:var(--space-sm)}.btn-update-status,.btn-view-details{width:100%}}@media (max-width:480px){.order-header-top{align-items:flex-start;flex-direction:column}.order-time{align-self:flex-end}}.order-acceptance-card{background:#fff;border:2px solid #f97316;border-radius:12px;box-shadow:0 4px 16px #f9731633;margin-bottom:1rem;padding:1.25rem;position:relative;transition:all .3s ease}.order-acceptance-card:hover{box-shadow:0 6px 24px #f973164d;transform:translateY(-2px)}.new-order-badge{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:20px;box-shadow:0 2px 8px #ef444466;color:#fff;display:flex;font-size:12px;font-weight:700;gap:6px;padding:6px 16px;position:absolute;right:16px;top:-10px;z-index:1}.new-order-badge.pulsing{animation:pulse 1.5s ease-in-out infinite}.new-order-badge .badge-icon{animation:ring 1.5s ease-in-out infinite;font-size:14px}@keyframes ring{0%,to{transform:rotate(0deg)}10%,30%{transform:rotate(-15deg)}20%,40%{transform:rotate(15deg)}50%{transform:rotate(0deg)}}.acceptance-timer{align-items:center;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-left:4px solid #10b981;border-radius:10px;display:flex;gap:12px;margin-bottom:1rem;padding:12px 16px;transition:all .3s ease}.acceptance-timer.orange{background:linear-gradient(135deg,#fff7ed,#ffedd5);border-left-color:#f97316}.acceptance-timer.red{animation:pulse-timer 1s ease-in-out infinite;background:linear-gradient(135deg,#fef2f2,#fee2e2);border-left-color:#ef4444}@keyframes pulse-timer{0%,to{opacity:1}50%{opacity:.85}}.acceptance-timer .timer-icon{font-size:24px}.acceptance-timer .timer-content{display:flex;flex:1 1;flex-direction:column;gap:2px}.acceptance-timer .timer-label{color:#6b7280;font-size:11px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.acceptance-timer .timer-value{color:#1f2937;font-family:Courier New,monospace;font-size:20px;font-weight:700}.acceptance-timer.red .timer-value{color:#ef4444}.order-acceptance-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:1rem}.order-id-section{display:flex;flex:1 1;flex-direction:column;gap:4px}.order-id{color:#f97316;font-family:Courier New,monospace;font-size:20px;font-weight:700;letter-spacing:1px;margin:0}.order-time{color:#4b5563;font-weight:600}.order-time-ago{color:#9ca3af;font-size:11px}.order-type-badge{align-items:center;border-radius:8px;display:flex;font-size:12px;font-weight:600;gap:6px;padding:6px 12px;white-space:nowrap}.order-type-badge.delivery{background:#dbeafe;color:#1e40af}.order-type-badge.pickup,.order-type-badge.takeaway{background:#fef3c7;color:#92400e}.order-type-badge.dine-in{background:#e0e7ff;color:#4338ca}.order-acceptance-customer{background:#f9fafb;border-radius:8px;display:flex;flex-direction:column;gap:10px;margin-bottom:1rem;padding:12px}.customer-detail{align-items:center;display:flex;gap:10px}.customer-detail .detail-icon{flex-shrink:0;font-size:18px}.customer-detail .detail-content{display:flex;flex:1 1;flex-direction:column;gap:2px}.customer-detail .detail-label{color:#6b7280;font-size:11px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.customer-detail .detail-value{color:#1f2937;font-size:14px;font-weight:600}.order-acceptance-items{border-bottom:1px dashed #e5e7eb;border-top:1px dashed #e5e7eb;margin-bottom:1rem;padding:12px 0}.items-header{align-items:center;margin-bottom:10px}.items-count{font-size:13px;font-weight:600}.items-total{color:#10b981;font-size:18px;font-weight:700}.items-list{display:flex;flex-direction:column;gap:8px}.item-row{font-size:13px;gap:8px}.item-veg-indicator{border-radius:2px;flex-shrink:0;height:10px;width:10px}.item-veg-indicator.veg{background:#10b981}.item-veg-indicator.nonveg{background:#ef4444}.item-quantity{font-weight:600}.item-quantity,.items-more{color:#6b7280;font-size:12px}.items-more{background:#f3f4f6;border-radius:6px;font-weight:500;padding:6px 10px;text-align:center}.order-acceptance-address{background:#fff7ed;border-left:3px solid #f97316;border-radius:8px;display:flex;gap:12px;margin-bottom:1rem;padding:12px}.order-acceptance-address .address-icon{flex-shrink:0;font-size:20px}.order-acceptance-address .address-content{display:flex;flex:1 1;flex-direction:column;gap:4px}.order-acceptance-address .address-label{color:#92400e;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.order-acceptance-address .address-value{color:#1f2937;font-size:13px;font-weight:500;line-height:1.4}.order-acceptance-address .address-distance{color:#10b981;font-size:12px;font-weight:600;margin-top:2px}.order-acceptance-payment{align-items:center;background:#f9fafb;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:1rem;padding:10px 12px}.payment-method{color:#374151;display:flex;font-size:13px}.payment-method .payment-icon{font-size:18px}.payment-status{border-radius:6px;font-size:11px;font-weight:600;padding:4px 10px;text-transform:uppercase}.payment-status.pending{background:#fef3c7;color:#92400e}.payment-status.completed,.payment-status.paid{background:#d1fae5;color:#065f46}.order-acceptance-actions{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 2fr;margin-bottom:12px}.btn-accept,.btn-reject{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s ease}.btn-reject{background:#fee2e2;border:2px solid #fecaca;color:#991b1b}.btn-reject:hover:not(:disabled){background:#fecaca;border-color:#fca5a5;transform:translateY(-1px)}.btn-accept{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d;color:#fff}.btn-accept:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 16px #10b98166;transform:translateY(-2px)}.btn-accept:disabled,.btn-reject:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-accept .btn-icon,.btn-reject .btn-icon{font-size:16px}.btn-view-details{background:#0000;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;font-size:13px;font-weight:600;padding:10px;transition:all .2s ease;width:100%}.btn-view-details:hover{background:#f9fafb;border-color:#f97316;color:#f97316}@media (max-width:768px){.order-acceptance-card{padding:1rem}.acceptance-timer .timer-value,.order-id{font-size:18px}.order-acceptance-actions{grid-template-columns:1fr}.btn-reject{order:2}.btn-accept{order:1}}.modal-overlay{align-items:center!important;animation:fadeIn .2s ease-in-out;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009!important;bottom:0!important;display:flex!important;justify-content:center!important;left:0!important;position:fixed!important;right:0!important;top:0!important;z-index:10000!important}.modal-content{animation:scaleIn .3s ease-out;border-radius:16px!important;box-shadow:0 20px 60px #0000004d!important;flex-direction:column!important;max-height:90vh!important;max-width:800px!important;position:relative!important;width:90%!important;z-index:10001!important}.modal-content,.modal-header{background:#fff!important;display:flex!important}.modal-header{align-items:center!important;border-bottom:2px solid #f0f0f0!important;border-radius:16px 16px 0 0!important;justify-content:space-between!important;padding:1.5rem!important;position:-webkit-sticky!important;position:sticky!important;top:0!important;z-index:10!important}.modal-header h2{color:#101828!important;font-size:1.5rem!important;font-weight:700!important;margin:0!important}.modal-close-btn{align-items:center!important;background:#f5f5f5!important;border:none!important;border-radius:50%!important;color:#666!important;cursor:pointer!important;display:flex!important;font-size:24px!important;height:36px!important;justify-content:center!important;line-height:1!important;transition:all .2s ease!important;width:36px!important}.modal-close-btn:hover{background:#e0e0e0!important;color:#333!important;transform:rotate(90deg)!important}.modal-body{flex:1 1!important;overflow-y:auto!important;padding:1.5rem!important}.order-details-modal{max-height:90vh;max-width:800px;overflow-y:auto}.details-section{border-bottom:2px solid #f0f0f0;margin-bottom:1.5rem;padding-bottom:1.5rem}.details-section:last-child{border-bottom:none}.details-section h3{color:#101828;font-size:1.1rem;font-weight:600;margin-bottom:1rem}.section-header{margin-bottom:1rem}.section-header h3{margin:0}.status-badge{font-size:.875rem;padding:.375rem .875rem}.status-in_progress{background:#ffc124;color:#000}.status-prepared{background:#4caf50;color:#fff}.status-out_for_delivery{background:#2196f3;color:#fff}.status-delivered{background:#9e9e9e;color:#fff}.status-cancelled{background:#f44336;color:#fff}.detail-row{border-bottom:1px solid #f5f5f5;padding:.75rem 0}.detail-label,.detail-value{font-size:.9375rem}.detail-value{align-items:center;color:#101828;display:flex;gap:.5rem}.btn-call{background:#4caf50;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.8125rem;font-weight:600;margin-left:.5rem;padding:.375rem .875rem;transition:all .2s ease}.btn-call:hover{background:#45a049}.btn-map{background:#4285f4;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-block;font-size:.8125rem;font-weight:600;margin-left:.5rem;padding:.375rem .875rem;text-decoration:none;transition:all .2s ease}.btn-map:hover{background:#357ae8;text-decoration:none}.items-table{background:#f9f9f9;border-radius:8px;margin-bottom:1rem;padding:1rem}.item-detail-row{grid-gap:1rem;align-items:center;border-bottom:1px solid #e0e0e0;display:grid;gap:1rem;grid-template-columns:20px 1fr auto auto auto;padding:.75rem 0}.item-detail-row:last-child{border-bottom:none}.item-price,.item-quantity,.item-total{color:#101828;font-weight:600}.item-total{min-width:80px;text-align:right}.pricing-summary{background:#fff9e6;border:2px solid #ffc124;border-radius:8px;padding:1rem}.price-row{color:#333;font-size:.9375rem;padding:.5rem 0}.total-row{border-top:2px solid #ffc124;color:#101828;font-size:1.125rem;margin-top:.5rem;padding-top:.75rem}.special-notes{background:#fff9e6;border-left:4px solid #ffc124;border-radius:6px;color:#666;font-style:italic;padding:1rem}.timeline{padding-left:2rem}.timeline:before{background:#e0e0e0;left:7px}.timeline-item{padding-bottom:1.5rem}.timeline-item:last-child{padding-bottom:0}.timeline-dot{background:#4caf50;border:3px solid #fff;box-shadow:0 0 0 2px #4caf50;height:16px;left:-1.75rem;position:absolute;top:.25rem;width:16px}.timeline-content{padding-left:.5rem}.timeline-title{color:#101828;font-weight:600;margin-bottom:.25rem}.timeline-time{color:#666;font-size:.875rem}.modal-actions{background:#fff!important;border-radius:0 0 16px 16px!important;border-top:2px solid #f0f0f0!important;display:flex!important;flex-shrink:0!important;gap:.75rem!important;margin-top:1.5rem!important;padding:1.5rem!important;position:relative!important;z-index:10!important}.btn-close-modal,.btn-print,.btn-thermal-print{border:none!important;border-radius:8px!important;cursor:pointer!important;flex:1 1!important;font-size:.9375rem!important;font-weight:600!important;padding:.875rem 1rem!important;pointer-events:auto!important;position:relative!important;transition:all .2s ease!important;white-space:nowrap!important;z-index:11!important}.btn-thermal-print{background:#ff9800;color:#fff}.btn-thermal-print:hover{background:#f57c00;box-shadow:0 4px 12px #ff98004d;transform:translateY(-1px)}.btn-print{background:#4caf50}.btn-print:hover{background:#45a049;box-shadow:0 4px 12px #4caf504d;transform:translateY(-1px)}.btn-close-modal{background:#f5f5f5;color:#333}.btn-close-modal:hover{background:#e0e0e0}@media print{.modal-overlay{background:#fff;position:static}.modal-content{box-shadow:none;max-height:none;max-width:100%}.modal-actions,.modal-header{display:none}.details-section{page-break-inside:avoid}}@media (max-width:768px){.order-details-modal{margin:1rem;max-width:95%}.item-detail-row{gap:.5rem;grid-template-columns:20px 1fr}.item-quantity{grid-column:2}.item-price,.item-total{display:none}.modal-actions{flex-direction:column}}.delivery-assignment-modal{max-width:500px}.order-info-summary{background:linear-gradient(135deg,#f8f9fa,#fff);border:2px solid #e0e0e0;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.order-info-summary h3{color:#1a1a1a;font-size:1.125rem;font-weight:700;margin:0 0 .75rem}.customer-name{color:#686b78;font-size:.938rem;margin:.5rem 0}.delivery-address{align-items:flex-start;color:#686b78;display:flex;font-size:.875rem;gap:.5rem;margin:.75rem 0 0}.address-icon{flex-shrink:0;font-size:1rem}.no-delivery-boys{padding:2rem;text-align:center}.warning-message{align-items:center;background:#fff3cd;border:2px solid #ffc107;border-radius:8px;color:#856404;display:flex;font-size:.875rem;gap:.75rem;justify-content:center;margin:0;padding:1rem 1.25rem}.warning-icon{flex-shrink:0;font-size:1.5rem}.delivery-boys-list{display:flex;flex-direction:column;gap:.75rem}.select-label{color:#282c3f;display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.delivery-boy-option{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:10px;cursor:pointer;display:flex;gap:1rem;padding:1rem;position:relative;transition:all .2s}.delivery-boy-option:hover{background:#fffaf5;border-color:#fc8019}.delivery-boy-option.selected{background:#fff4ed;border-color:#fc8019;box-shadow:0 2px 8px #fc801926}.delivery-boy-option input[type=radio]{height:0;opacity:0;position:absolute;width:0}.delivery-boy-info{align-items:center;display:flex;flex:1 1;gap:1rem}.delivery-boy-avatar{align-items:center;background:linear-gradient(135deg,#fc8019,#e67316);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.25rem;font-weight:700;height:45px;justify-content:center;width:45px}.delivery-boy-details{display:flex;flex-direction:column;gap:.25rem}.delivery-boy-name{color:#1a1a1a;font-size:.938rem;font-weight:600}.delivery-boy-phone{color:#686b78;font-size:.813rem}.check-mark{color:#4caf50;flex-shrink:0;font-size:1.5rem;font-weight:700}.btn-assign{background:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.938rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.btn-assign:hover:not(:disabled){background:#45a049;transform:translateY(-1px)}.btn-assign:disabled{cursor:not-allowed;opacity:.5}.oz-btn{align-items:center;border:1px solid #0000;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:var(--font-family);font-weight:var(--font-weight-medium);gap:var(--spacing-2);justify-content:center;text-decoration:none;transition:all var(--transition-fast);white-space:nowrap}.oz-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.oz-btn--sm{font-size:var(--font-size-sm);height:var(--input-height-sm);padding:0 var(--spacing-3)}.oz-btn--md{font-size:var(--font-size-base);height:var(--input-height-md);padding:0 var(--spacing-4)}.oz-btn--lg{font-size:var(--font-size-lg);height:var(--input-height-lg);padding:0 var(--spacing-6)}.oz-btn--primary{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.oz-btn--primary:hover:not(:disabled){background-color:var(--color-primary-dark);border-color:var(--color-primary-dark)}.oz-btn--primary:active:not(:disabled){transform:scale(.98)}.oz-btn--secondary{background-color:var(--color-gray-100);border-color:var(--color-gray-200);color:var(--text-primary)}.oz-btn--secondary:hover:not(:disabled){background-color:var(--color-gray-200);border-color:var(--color-gray-300)}.oz-btn--outline{background-color:initial;border-color:var(--color-primary);color:var(--color-primary)}.oz-btn--outline:hover:not(:disabled){background-color:var(--color-primary-bg)}.oz-btn--ghost{background-color:initial;border-color:#0000;color:var(--text-secondary)}.oz-btn--ghost:hover:not(:disabled){background-color:var(--color-gray-100);color:var(--text-primary)}.oz-btn--danger{background-color:var(--color-error);border-color:var(--color-error);color:var(--color-white)}.oz-btn--danger:hover:not(:disabled){background-color:var(--color-error-dark);border-color:var(--color-error-dark)}.oz-btn--success{background-color:var(--color-success);border-color:var(--color-success);color:var(--color-white)}.oz-btn--success:hover:not(:disabled){background-color:var(--color-success-dark);border-color:var(--color-success-dark)}.oz-btn--full-width{width:100%}.oz-btn--disabled,.oz-btn:disabled{cursor:not-allowed;opacity:.5}.oz-btn--loading{color:#0000!important;position:relative}.oz-btn--loading .oz-btn__text{visibility:hidden}.oz-btn__icon{align-items:center;display:inline-flex;justify-content:center}.oz-btn__icon svg{height:18px;width:18px}.oz-btn--sm .oz-btn__icon svg{height:16px;width:16px}.oz-btn--lg .oz-btn__icon svg{height:20px;width:20px}.oz-btn__spinner{align-items:center;display:inline-flex;justify-content:center;position:absolute}.oz-btn__spinner svg{color:currentColor;height:20px;width:20px}.oz-btn--primary .oz-btn__spinner svg{color:var(--color-white)}.animate-spin{animation:spin 1s linear infinite}.oz-badge{align-items:center;border-radius:var(--radius-sm);display:inline-flex;font-family:var(--font-family);font-weight:var(--font-weight-medium);gap:var(--spacing-1);letter-spacing:.02em;text-transform:uppercase;white-space:nowrap}.oz-badge--sm{font-size:10px;padding:2px 6px}.oz-badge--md{font-size:11px;padding:4px 8px}.oz-badge--lg{font-size:12px;padding:6px 12px}.oz-badge--default{background-color:var(--color-gray-100);color:var(--color-gray-600)}.oz-badge--primary{background-color:var(--color-primary-bg);color:var(--color-primary)}.oz-badge--success{background-color:var(--color-success-light);color:var(--color-success-dark)}.oz-badge--warning{background-color:var(--color-warning-light);color:var(--color-warning-dark)}.oz-badge--error{background-color:var(--color-error-light);color:var(--color-error-dark)}.oz-badge--info{background-color:var(--color-info-light);color:var(--color-info-dark)}.oz-badge__dot{background-color:currentColor;border-radius:var(--radius-full);height:6px;width:6px}.oz-badge--sm .oz-badge__dot{height:5px;width:5px}.oz-badge--lg .oz-badge__dot{height:8px;width:8px}.oz-badge__text{line-height:1}.oz-card{background-color:var(--bg-primary);border-radius:var(--radius-lg);overflow:hidden}.oz-card--default{border:1px solid var(--border-light)}.oz-card--bordered{border:1px solid var(--border-default)}.oz-card--elevated{border:none;box-shadow:var(--shadow-md)}.oz-card--padding-none{padding:0}.oz-card--padding-sm{padding:var(--spacing-3)}.oz-card--padding-md{padding:var(--spacing-4)}.oz-card--padding-lg{padding:var(--spacing-6)}.oz-card--hoverable{transition:box-shadow var(--transition-fast),transform var(--transition-fast)}.oz-card--hoverable:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.oz-card--clickable{cursor:pointer}.oz-card__header{display:flex;flex-direction:column;gap:var(--spacing-1);margin-bottom:var(--spacing-4)}.oz-card__title{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.oz-card__description{color:var(--text-tertiary);font-size:var(--font-size-sm);margin:0}.oz-card__footer{align-items:center;border-top:1px solid var(--border-light);display:flex;gap:var(--spacing-3);margin-top:var(--spacing-4);padding-top:var(--spacing-4)}.oz-card--padding-none .oz-card__header{margin-bottom:0;padding:var(--spacing-4);padding-bottom:0}.oz-card--padding-none .oz-card__content{padding:var(--spacing-4)}.oz-card--padding-none .oz-card__footer{margin-top:0;padding:var(--spacing-4)}.oz-input-container{display:flex;flex-direction:column;gap:var(--spacing-1)}.oz-input-container--full-width{width:100%}.oz-input-label{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.oz-input-required{color:var(--color-error);margin-left:2px}.oz-input-wrapper{align-items:center;background-color:var(--bg-primary);border:1px solid var(--border-default);border-radius:var(--radius-md);display:flex;position:relative;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.oz-input-wrapper:hover:not(.oz-input-wrapper--disabled){border-color:var(--border-dark)}.oz-input-wrapper:focus-within:not(.oz-input-wrapper--disabled){border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-bg)}.oz-input-wrapper--error{border-color:var(--color-error)}.oz-input-wrapper--error:focus-within{box-shadow:0 0 0 3px var(--color-error-light)}.oz-input-wrapper--disabled{background-color:var(--color-gray-50);cursor:not-allowed}.oz-input-wrapper--sm{height:var(--input-height-sm)}.oz-input-wrapper--md{height:var(--input-height-md)}.oz-input-wrapper--lg{height:var(--input-height-lg)}.oz-input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-size:var(--font-size-base);height:100%;padding:0 var(--spacing-3)}.oz-input::placeholder{color:var(--text-muted)}.oz-input:disabled{color:var(--text-tertiary);cursor:not-allowed}.oz-input-icon{align-items:center;color:var(--text-muted);display:flex;justify-content:center}.oz-input-icon svg{height:18px;width:18px}.oz-input-icon--left{padding-left:var(--spacing-3)}.oz-input-icon--right{padding-right:var(--spacing-3)}.oz-input-wrapper--has-left-icon .oz-input{padding-left:var(--spacing-1)}.oz-input-wrapper--has-right-icon .oz-input{padding-right:var(--spacing-1)}.oz-input-error{color:var(--color-error);font-size:var(--font-size-xs)}.oz-input-hint{color:var(--text-muted);font-size:var(--font-size-xs)}.oz-textarea{background-color:var(--bg-primary);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-family);font-size:var(--font-size-base);min-height:100px;padding:var(--spacing-3);resize:vertical;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.oz-textarea::placeholder{color:var(--text-muted)}.oz-textarea:hover:not(:disabled){border-color:var(--border-dark)}.oz-textarea:focus:not(:disabled){border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-bg);outline:none}.oz-textarea--error{border-color:var(--color-error)}.oz-textarea--error:focus{box-shadow:0 0 0 3px var(--color-error-light)}.oz-textarea--disabled{background-color:var(--color-gray-50);cursor:not-allowed}.oz-toggle-container{display:inline-block}.oz-toggle-wrapper{align-items:flex-start;cursor:pointer;display:inline-flex;gap:var(--spacing-3)}.oz-toggle-input{height:0;opacity:0;position:absolute;width:0}.oz-toggle{background-color:var(--color-gray-300);border-radius:var(--radius-full);display:inline-block;flex-shrink:0;position:relative;transition:background-color var(--transition-fast)}.oz-toggle--checked{background-color:var(--color-success)}.oz-toggle--disabled{cursor:not-allowed;opacity:.5}.oz-toggle--sm{height:18px;width:32px}.oz-toggle--md{height:24px;width:44px}.oz-toggle--lg{height:30px;width:56px}.oz-toggle-thumb{background-color:var(--color-white);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);left:2px;position:absolute;top:2px;transition:transform var(--transition-fast)}.oz-toggle--sm .oz-toggle-thumb{height:14px;width:14px}.oz-toggle--md .oz-toggle-thumb{height:20px;width:20px}.oz-toggle--lg .oz-toggle-thumb{height:26px;width:26px}.oz-toggle--checked.oz-toggle--sm .oz-toggle-thumb{transform:translateX(14px)}.oz-toggle--checked.oz-toggle--md .oz-toggle-thumb{transform:translateX(20px)}.oz-toggle--checked.oz-toggle--lg .oz-toggle-thumb{transform:translateX(26px)}.oz-toggle-content{display:flex;flex-direction:column;gap:2px}.oz-toggle-label{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:1.4}.oz-toggle-description{color:var(--text-tertiary);font-size:var(--font-size-sm);line-height:1.4}.oz-toggle--disabled+.oz-toggle-content .oz-toggle-description,.oz-toggle--disabled+.oz-toggle-content .oz-toggle-label{opacity:.5}.oz-toggle-input:focus-visible+.oz-toggle{box-shadow:0 0 0 3px var(--color-primary-bg)}.oz-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#000000bf;display:flex;inset:0;justify-content:center;padding:var(--space-lg);position:fixed;z-index:var(--z-modal-backdrop)}.oz-modal{animation:scaleIn .2s ease-out;background:linear-gradient(145deg,var(--bg-secondary) 0,var(--bg-tertiary) 100%);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);display:flex;flex-direction:column;max-height:calc(100vh - 40px);z-index:var(--z-modal)}.oz-modal--sm{max-width:400px;width:100%}.oz-modal--md{max-width:560px;width:100%}.oz-modal--lg{max-width:720px;width:100%}.oz-modal--xl{max-width:960px;width:100%}.oz-modal--full{height:calc(100vh - 40px);max-width:none;width:calc(100vw - 40px)}.oz-modal__header{align-items:center;border-bottom:1px solid var(--border-light);display:flex;flex-shrink:0;gap:var(--spacing-4);justify-content:space-between;padding:var(--spacing-4) var(--spacing-6)}.oz-modal__title{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0}.oz-modal__close{align-items:center;border-radius:var(--radius-md);color:var(--text-tertiary);display:flex;height:36px;justify-content:center;transition:all var(--transition-fast);width:36px}.oz-modal__close:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.oz-modal__content{flex:1 1;overflow-y:auto;padding:var(--spacing-6)}.oz-modal__footer{align-items:center;border-top:1px solid var(--border-light);display:flex;flex-shrink:0;gap:var(--spacing-3);justify-content:flex-end;padding:var(--spacing-4) var(--spacing-6)}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width:640px){.oz-modal-overlay{align-items:flex-end;padding:0}.oz-modal{animation:slideUp .3s ease-out;border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-height:90vh;max-width:100%}.oz-modal--full{border-radius:0;height:100vh}}.oz-tabs{align-items:center;display:inline-flex;gap:var(--spacing-1)}.oz-tabs--full-width{display:flex;width:100%}.oz-tabs--full-width .oz-tab{flex:1 1;justify-content:center}.oz-tab{align-items:center;color:var(--text-tertiary);cursor:pointer;display:inline-flex;font-family:var(--font-family);font-weight:var(--font-weight-medium);gap:var(--spacing-2);transition:all var(--transition-fast);white-space:nowrap}.oz-tab:hover:not(.oz-tab--disabled){color:var(--text-primary)}.oz-tab--active{color:var(--color-primary)}.oz-tab--disabled{cursor:not-allowed;opacity:.5}.oz-tabs--default{background-color:var(--color-gray-100);border-radius:var(--radius-lg);padding:var(--spacing-1)}.oz-tabs--default .oz-tab{border-radius:var(--radius-md);padding:var(--spacing-2) var(--spacing-4)}.oz-tabs--default .oz-tab--active{background-color:var(--bg-primary);box-shadow:var(--shadow-sm);color:var(--text-primary)}.oz-tabs--pills{gap:var(--spacing-2)}.oz-tabs--pills .oz-tab{border:1px solid #0000;border-radius:var(--radius-full);padding:var(--spacing-2) var(--spacing-4)}.oz-tabs--pills .oz-tab:hover:not(.oz-tab--disabled){background-color:var(--color-gray-100)}.oz-tabs--pills .oz-tab--active{background-color:var(--color-primary-bg);border-color:var(--color-primary);color:var(--color-primary)}.oz-tabs--underline{border-bottom:1px solid var(--border-light);gap:0}.oz-tabs--underline .oz-tab{border-bottom:2px solid #0000;margin-bottom:-1px;padding:var(--spacing-3) var(--spacing-4)}.oz-tabs--underline .oz-tab:hover:not(.oz-tab--disabled){border-bottom-color:var(--color-gray-300)}.oz-tabs--underline .oz-tab--active{border-bottom-color:var(--color-primary);color:var(--color-primary)}.oz-tabs--sm .oz-tab{font-size:var(--font-size-sm);padding:var(--spacing-1) var(--spacing-3)}.oz-tabs--md .oz-tab{font-size:var(--font-size-base)}.oz-tabs--lg .oz-tab{font-size:var(--font-size-lg);padding:var(--spacing-3) var(--spacing-6)}.oz-tab__icon{align-items:center;display:inline-flex;justify-content:center}.oz-tab__icon svg{height:18px;width:18px}.oz-tab__label{line-height:1}.oz-tab__count{align-items:center;background-color:var(--color-gray-200);border-radius:var(--radius-full);display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);height:20px;justify-content:center;min-width:20px;padding:0 6px}.oz-tab--active .oz-tab__count{background-color:var(--color-primary);color:var(--color-white)}.oz-table-container{background-color:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow-x:auto;width:100%}.oz-table{border-collapse:collapse;width:100%}.oz-table__head{background-color:var(--color-gray-50)}.oz-table__th{border-bottom:1px solid var(--border-light);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.02em;padding:var(--spacing-3) var(--spacing-4);text-transform:uppercase;white-space:nowrap}.oz-table__th--sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.oz-table__th--sortable:hover{color:var(--text-primary)}.oz-table__th-content{align-items:center;display:inline-flex;gap:var(--spacing-1)}.oz-table__sort-icon{color:var(--text-tertiary);display:inline-flex}.oz-table__sort-icon--inactive{opacity:.3}.oz-table__row{transition:background-color var(--transition-fast)}.oz-table__row:hover{background-color:var(--color-gray-50)}.oz-table__row--clickable{cursor:pointer}.oz-table__td{border-bottom:1px solid var(--border-light);color:var(--text-primary);font-size:var(--font-size-base);padding:var(--spacing-3) var(--spacing-4);vertical-align:middle}.oz-table__row:last-child .oz-table__td{border-bottom:none}.oz-table__empty{color:var(--text-muted);font-size:var(--font-size-base);padding:var(--spacing-12) var(--spacing-4);text-align:center}.oz-table__skeleton{animation:skeleton 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--color-gray-100) 0,var(--color-gray-200) 50px,var(--color-gray-100) 100px);background-size:200px 100%;border-radius:var(--radius-sm);height:20px}@keyframes skeleton{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.oz-table-pagination{align-items:center;background-color:var(--color-gray-50);border-radius:0 0 var(--radius-lg) var(--radius-lg);border-top:1px solid var(--border-light);display:flex;justify-content:space-between;padding:var(--spacing-3) var(--spacing-4)}.oz-table-pagination__info{color:var(--text-tertiary);font-size:var(--font-size-sm)}.oz-table-pagination__controls{align-items:center;display:flex;gap:var(--spacing-4)}.oz-table-pagination__select{background-color:var(--bg-primary);border:1px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm);padding:var(--spacing-2) var(--spacing-3)}.oz-table-pagination__buttons{align-items:center;display:flex;gap:var(--spacing-2)}.oz-table-pagination__btn{background-color:var(--bg-primary);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-2) var(--spacing-3);transition:all var(--transition-fast)}.oz-table-pagination__btn:hover:not(:disabled){background-color:var(--color-gray-100);border-color:var(--border-dark)}.oz-table-pagination__btn:disabled{cursor:not-allowed;opacity:.5}.oz-table-pagination__page{color:var(--text-secondary);font-size:var(--font-size-sm);padding:0 var(--spacing-2)}@media (max-width:768px){.oz-table-pagination{flex-direction:column;gap:var(--spacing-3)}.oz-table-pagination__controls{flex-wrap:wrap;justify-content:center}}.oz-empty-state{flex-direction:column;padding:var(--spacing-12) var(--spacing-6);text-align:center}.oz-empty-state,.oz-empty-state__icon{align-items:center;display:flex;justify-content:center}.oz-empty-state__icon{background-color:var(--color-gray-100);border-radius:var(--radius-full);color:var(--color-gray-300);height:80px;margin-bottom:var(--spacing-4);width:80px}.oz-empty-state__icon svg{height:40px;width:40px}.oz-empty-state__title{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-2)}.oz-empty-state__description{color:var(--text-tertiary);font-size:var(--font-size-base);margin:0;max-width:360px}.oz-empty-state__action{margin-top:var(--spacing-6)}.oz-loader{align-items:center;display:inline-flex;flex-direction:column;gap:var(--spacing-3);justify-content:center}.oz-loader--full-page{background-color:#ffffffe6;inset:0;position:fixed;z-index:var(--z-modal)}.oz-loader--primary{color:var(--color-primary)}.oz-loader--white{color:var(--color-white)}.oz-loader--gray{color:var(--color-gray-400)}.oz-loader__spinner{animation:spin 1s linear infinite}.oz-loader__spinner-path{stroke:currentColor;stroke-linecap:round;animation:dash 1.5s ease-in-out infinite}.oz-loader--sm .oz-loader__spinner{height:20px;width:20px}.oz-loader--md .oz-loader__spinner{height:32px;width:32px}.oz-loader--lg .oz-loader__spinner{height:48px;width:48px}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}.oz-loader__dots{align-items:center;display:flex;gap:var(--spacing-1)}.oz-loader__dot{animation:dotPulse 1.4s ease-in-out infinite both;background-color:currentColor;border-radius:var(--radius-full)}.oz-loader__dot:first-child{animation-delay:-.32s}.oz-loader__dot:nth-child(2){animation-delay:-.16s}.oz-loader--sm .oz-loader__dot{height:6px;width:6px}.oz-loader--md .oz-loader__dot{height:8px;width:8px}.oz-loader--lg .oz-loader__dot{height:12px;width:12px}@keyframes dotPulse{0%,80%,to{opacity:.5;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.oz-loader__pulse{animation:pulse 1.5s ease-in-out infinite;background-color:currentColor;border-radius:var(--radius-full)}.oz-loader--sm .oz-loader__pulse{height:20px;width:20px}.oz-loader--md .oz-loader__pulse{height:32px;width:32px}.oz-loader--lg .oz-loader__pulse{height:48px;width:48px}.oz-loader__text{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.oz-loader--full-page .oz-loader__text{font-size:var(--font-size-base)}.outlet-selector-wrapper{align-items:center;display:flex;gap:8px}.view-mode-toggle{align-items:center;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:8px;color:#666;cursor:pointer;display:flex;font-family:inherit;font-size:13px;font-weight:500;gap:6px;padding:8px 12px;transition:all .2s ease}.view-mode-toggle:hover{background:#ebebeb;border-color:#d0d0d0;color:#333}.view-mode-toggle--active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 2px 8px #667eea4d;color:#fff}.view-mode-toggle--active:hover{background:linear-gradient(135deg,#5568d3,#63408e)}.view-mode-label{font-size:12px}.outlet-selector{display:inline-block;position:relative}.outlet-selector__trigger{align-items:center;background:#ff6b35;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:14px;gap:12px;min-width:220px;padding:8px 16px;transition:all .2s ease}.outlet-selector__trigger:hover{background:#e55a2b;box-shadow:0 4px 12px #ff6b354d;transform:translateY(-1px)}.outlet-selector__trigger:active{transform:translateY(0)}.outlet-selector__icon{color:#fff;flex-shrink:0}.outlet-selector__current{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;gap:2px}.outlet-selector__label{font-size:10px;font-weight:500;letter-spacing:.5px;opacity:.9;text-transform:uppercase}.outlet-selector__name{font-size:14px;font-weight:600;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.outlet-selector__arrow{color:#fff;flex-shrink:0;transition:transform .2s ease}.outlet-selector__arrow--open{transform:rotate(180deg)}.outlet-selector__dropdown{animation:dropdown-appear .2s ease;background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 8px 32px #0000001f;left:0;min-width:280px;position:absolute;top:calc(100% + 8px);z-index:1000}@keyframes dropdown-appear{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.outlet-selector__header{align-items:center;border-bottom:1px solid #f0f0f0;color:#666;display:flex;font-size:12px;font-weight:600;gap:8px;letter-spacing:.5px;padding:12px 16px;text-transform:uppercase}.outlet-selector__list{max-height:320px;overflow-y:auto}.outlet-selector__list::-webkit-scrollbar{width:6px}.outlet-selector__list::-webkit-scrollbar-track{background:#f0f0f0}.outlet-selector__list::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.outlet-selector__list::-webkit-scrollbar-thumb:hover{background:#999}.outlet-selector__item{align-items:center;background:#0000;border:none;border-bottom:1px solid #f5f5f5;cursor:pointer;display:flex;font-family:inherit;gap:12px;justify-content:space-between;padding:12px 16px;text-align:left;transition:all .15s ease;width:100%}.outlet-selector__item:last-child{border-bottom:none}.outlet-selector__item:hover{background:#f8f8f8}.outlet-selector__item--active{background:#fff5f0;border-left:3px solid #ff6b35}.outlet-selector__item--active:hover{background:#ffe8dd}.outlet-selector__item-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.outlet-selector__item-name{color:#1a1a1a;font-size:14px;font-weight:600}.outlet-selector__item-address{color:#666;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.outlet-selector__check{color:#ff6b35;flex-shrink:0}.outlet-selector__footer{align-items:center;background:#f8f8f8;border-bottom-left-radius:12px;border-bottom-right-radius:12px;border-top:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:8px 16px}.outlet-selector__count{color:#666;font-size:11px;font-weight:500}.outlet-selector__shortcut{background:#fff;border:1px solid #e0e0e0;border-radius:4px;color:#999;font-family:monospace;font-size:10px;padding:2px 6px}.outlet-selector--empty,.outlet-selector--loading{align-items:center;background:#f5f5f5;border-radius:8px;color:#666;display:flex;font-size:14px;gap:8px;padding:8px 16px}.outlet-status-toggle{align-items:center;border:1px solid;border-radius:8px;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 12px;transition:all .2s ease;white-space:nowrap}.outlet-status-toggle--online{background:linear-gradient(135deg,#10b981,#059669);border-color:#059669;box-shadow:0 2px 8px #10b9814d;color:#fff}.outlet-status-toggle--online:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b98166;transform:translateY(-1px)}.outlet-status-toggle--offline{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#dc2626;box-shadow:0 2px 8px #ef44444d;color:#fff}.outlet-status-toggle--offline:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #ef444466;transform:translateY(-1px)}.outlet-status-toggle:disabled{cursor:not-allowed;opacity:.7}.outlet-status-toggle .status-label{font-size:12px;letter-spacing:.5px}.outlet-status-dot{animation:pulse 2s ease-in-out infinite;font-size:20px;line-height:1;margin-left:6px}.outlet-status-dot--online{color:#10b981}.outlet-status-dot--offline{color:#ef4444}.outlet-selector__item-name-wrapper{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.outlet-status-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:11px;font-weight:600;gap:4px;letter-spacing:.3px;padding:2px 8px}.outlet-status-badge--online{background:#10b9811a;color:#059669}.outlet-status-badge--offline{background:#ef44441a;color:#dc2626}.reason-modal-overlay{align-items:center;animation:overlay-appear .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}@keyframes overlay-appear{0%{opacity:0}to{opacity:1}}.reason-modal{animation:modal-appear .3s ease;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:500px;width:90%}@keyframes modal-appear{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.reason-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.reason-modal-header h3{align-items:center;color:#1f2937;display:flex;font-size:18px;font-weight:600;gap:8px;margin:0}.reason-modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.reason-modal-close:hover{background:#f3f4f6;color:#1f2937}.reason-modal-body{padding:24px}.reason-modal-description{color:#4b5563;font-size:14px;line-height:1.5;margin:0 0 20px}.reason-modal-description strong{color:#1f2937;font-weight:600}.reason-options{display:flex;flex-direction:column;gap:8px}.reason-option{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;font-family:inherit;font-size:14px;justify-content:space-between;padding:12px 16px;text-align:left;transition:all .2s ease}.reason-option:hover{background:#f9fafb;border-color:#d1d5db}.reason-option--selected{background:#fff5f0;border-color:#ff6b35}.reason-label{align-items:center;color:#1f2937;display:flex;font-weight:500;gap:8px}.reason-check{color:#ff6b35;flex-shrink:0}.reason-modal-footer{background:#f9fafb;border-bottom-left-radius:12px;border-bottom-right-radius:12px;border-top:1px solid #e5e7eb;display:flex;gap:12px;padding:16px 24px}.reason-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-family:inherit;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.reason-btn--cancel{background:#fff;border:1px solid #d1d5db;color:#6b7280}.reason-btn--cancel:hover{background:#f3f4f6;border-color:#9ca3af}.reason-btn--close{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 8px #ef44444d;color:#fff}.reason-btn--close:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #ef444466;transform:translateY(-1px)}.reason-btn--close:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.outlet-selector__trigger{min-width:auto;padding:8px 12px}.outlet-selector__name{font-size:13px;max-width:120px}.outlet-selector__dropdown{min-width:260px}.outlet-status-toggle{font-size:12px;padding:6px 10px}.outlet-status-toggle .status-label,.view-mode-label{display:none}}.oz-layout{background-color:var(--bg-secondary);min-height:100vh}.oz-layout__main{display:flex;flex-direction:column;margin-left:var(--sidebar-width);min-height:100vh;transition:margin-left var(--transition-slow)}.oz-layout--sidebar-collapsed .oz-layout__main{margin-left:var(--sidebar-collapsed-width)}.oz-layout__content{flex:1 1;max-width:var(--content-max-width);padding:var(--spacing-6)}.oz-layout__sidebar-overlay{background-color:#00000080;display:none;inset:0;position:fixed;z-index:calc(var(--z-fixed) - 1)}.oz-page-header{margin-bottom:var(--spacing-6)}.oz-page-header__content{align-items:flex-start;display:flex;gap:var(--spacing-4);justify-content:space-between}.oz-page-header__text{flex:1 1}.oz-page-header__title{color:var(--text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-1)}.oz-page-header__subtitle{color:var(--text-tertiary);font-size:var(--font-size-base);margin:0}.oz-page-header__actions{align-items:center;display:flex;flex-shrink:0;gap:var(--spacing-3)}.oz-page-section{margin-bottom:var(--spacing-8)}.oz-page-section:last-child{margin-bottom:0}.oz-page-section__header{align-items:flex-start;display:flex;gap:var(--spacing-4);justify-content:space-between;margin-bottom:var(--spacing-4)}.oz-page-section__text{flex:1 1}.oz-page-section__title{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-1)}.oz-page-section__description{color:var(--text-tertiary);font-size:var(--font-size-sm);margin:0}.oz-page-section__actions{align-items:center;display:flex;flex-shrink:0;gap:var(--spacing-2)}.oz-stats-grid{grid-gap:var(--spacing-4);display:grid;gap:var(--spacing-4);grid-template-columns:repeat(4,1fr);margin-bottom:var(--spacing-6)}.oz-two-column{grid-gap:var(--spacing-6);display:grid;gap:var(--spacing-6);grid-template-columns:280px 1fr}@media (max-width:1280px){.oz-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:1024px){.oz-layout--sidebar-collapsed .oz-layout__main,.oz-layout__main{margin-left:0}.oz-layout__sidebar-overlay{display:block}.oz-two-column{grid-template-columns:1fr}}@media (max-width:768px){.oz-layout__content{padding:var(--spacing-4)}.oz-page-header__content{align-items:stretch;flex-direction:column}.oz-page-header__actions{justify-content:flex-start}.oz-stats-grid{grid-template-columns:1fr}.oz-page-section__header{align-items:stretch;flex-direction:column}}@media (max-width:480px){.oz-layout__content{padding:var(--spacing-3)}}.analytics-section{display:flex;flex-direction:column;gap:24px;padding:24px 0}.analytics-row{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.chart-card{background:#fff;border:1px solid #e8ecef;border-radius:16px;box-shadow:0 2px 8px #0000000a;padding:24px}.chart-large,.chart-pie-section{grid-column:span 1}.chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.chart-title{color:#1a1d1f;font-size:18px;font-weight:700;margin:0}.chart-subtitle{color:#6f767e;font-size:13px;margin:4px 0 0}.chart-controls{align-items:center;display:flex;gap:16px}.chart-checkbox{align-items:center;color:#6f767e;cursor:pointer;display:flex;font-size:13px;gap:6px}.chart-checkbox input[type=checkbox]{accent-color:#70f9c5;cursor:pointer;height:16px;width:16px}.save-report-btn{align-items:center;background:#fff;border:1px solid #3b82f6;border-radius:10px;color:#3b82f6;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.save-report-btn:hover{background:#3b82f6;box-shadow:0 4px 12px #3b82f64d;color:#fff;transform:translateY(-2px)}.chart-select{background:#f8f9fa;border:1px solid #e8ecef;border-radius:8px;color:#1a1d1f;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s ease}.chart-select:focus{background:#fff;border-color:#70f9c5;outline:none}.pie-charts-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.pie-chart-item{align-items:center;display:flex;flex-direction:column;gap:12px}.pie-label{color:#1a1d1f;font-size:14px;font-weight:600;margin:0}.chart-container{position:relative}.chart-legend-info{display:flex;flex-direction:column;gap:2px;left:20px;position:absolute;top:20px;z-index:10}.legend-value{color:#1a1d1f;font-size:24px;font-weight:700}.legend-label{color:#6f767e;font-size:13px;font-weight:500}.legend-date{color:#9ca3af;font-size:12px}.legend-row{align-items:center;display:flex;gap:20px}.legend-item{color:#6f767e;font-weight:600;gap:8px}.legend-dot{border-radius:50%;height:12px;width:12px}.legend-dot-blue{background:#3b82f6}.legend-dot-red{background:#ef4444}@media (max-width:1200px){.analytics-row{grid-template-columns:1fr}.chart-large,.chart-pie-section{grid-column:span 1}.pie-charts-container{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.analytics-section{gap:16px;padding:16px 0}.analytics-row{gap:16px}.chart-card{padding:16px}.pie-charts-container{gap:24px;grid-template-columns:1fr}.chart-header{align-items:flex-start;flex-direction:column;gap:12px}.save-report-btn{justify-content:center;width:100%}}.outlet-comparison{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:24px}.outlet-comparison__header{margin-bottom:24px}.outlet-comparison__header h2{color:#1a1a1a;font-size:24px;font-weight:700;margin:0 0 8px}.outlet-comparison__header p{color:#666;font-size:14px;margin:0}.outlet-comparison__summary{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:32px}.summary-card{align-items:center;background:#f8f8f8;border:1px solid #e0e0e0;border-radius:12px;display:flex;gap:16px;padding:20px}.summary-card__icon{align-items:center;border-radius:12px;color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.summary-card--primary .summary-card__icon{background:linear-gradient(135deg,#667eea,#764ba2)}.summary-card--success .summary-card__icon{background:linear-gradient(135deg,#48bb78,#38a169)}.summary-card--danger .summary-card__icon{background:linear-gradient(135deg,#f56565,#e53e3e)}.summary-card--info .summary-card__icon{background:linear-gradient(135deg,#4299e1,#3182ce)}.summary-card__content{display:flex;flex-direction:column;gap:4px}.summary-card__label{color:#666;font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.summary-card__value{color:#1a1a1a;font-size:24px;font-weight:700}.outlet-comparison__performers{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:32px}.performer-card{border:2px solid;border-radius:12px;padding:20px}.performer-card--best{background:linear-gradient(135deg,#e6fffa,#b2f5ea);border-color:#48bb78}.performer-card--worst{background:linear-gradient(135deg,#fffaf0,#feebc8);border-color:#ed8936}.performer-card__badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:600;gap:6px;margin-bottom:12px;padding:6px 12px}.performer-card--best .performer-card__badge{background:#48bb78;color:#fff}.performer-card--worst .performer-card__badge{background:#ed8936;color:#fff}.performer-card h3{color:#1a1a1a;font-size:18px;font-weight:700;margin:0 0 16px}.performer-card__stats{display:flex;gap:24px}.performer-card__stats .stat{display:flex;flex-direction:column;gap:4px}.performer-card__stats .stat__label{color:#666;font-size:11px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.performer-card__stats .stat__value{color:#1a1a1a;font-size:20px;font-weight:700}.outlet-comparison__table{border:1px solid #e0e0e0;border-radius:12px;overflow-x:auto}.outlet-comparison__table table{border-collapse:collapse;width:100%}.outlet-comparison__table thead{background:#f8f8f8}.outlet-comparison__table th{border-bottom:2px solid #e0e0e0;color:#666;font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.outlet-comparison__table td{border-bottom:1px solid #f0f0f0;color:#1a1a1a;font-size:14px;padding:16px}.outlet-comparison__table tbody tr:hover{background:#f8f8f8}.outlet-comparison__table tbody tr:last-child td{border-bottom:none}.outlet-name__text{font-weight:600}.text-center{text-align:center}.text-right{text-align:right}.revenue{color:#48bb78;font-weight:600}.cancelled{color:#f56565;font-weight:600}.success-rate{border-radius:12px;display:inline-block;font-size:13px;font-weight:600;padding:4px 12px}.success-rate--high{background:#c6f6d5;color:#22543d}.success-rate--medium{background:#feebc8;color:#7c2d12}.success-rate--low{background:#fed7d7;color:#742a2a}.outlet-comparison__empty{align-items:center;color:#999;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.outlet-comparison__empty svg{color:#ccc;margin-bottom:16px}.outlet-comparison__empty p{color:#666;font-size:16px;font-weight:600;margin:0 0 8px}.outlet-comparison__empty span{color:#999;font-size:14px}@media (max-width:768px){.outlet-comparison{padding:16px}.outlet-comparison__performers,.outlet-comparison__summary{grid-template-columns:1fr}.outlet-comparison__table{font-size:12px}.outlet-comparison__table td,.outlet-comparison__table th{padding:8px}}.access-denied{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);display:flex;justify-content:center;min-height:60vh;padding:40px}.access-denied__content{animation:slideIn .4s ease-out;background:#fff;border-radius:20px;box-shadow:0 10px 40px #00000014;max-width:480px;padding:48px 40px;text-align:center}.access-denied__icon-wrapper{display:inline-flex;margin-bottom:28px;position:relative}.access-denied__icon-bg{align-items:center;background:linear-gradient(135deg,#fee2e2,#fca5a5);border-radius:50%;box-shadow:0 8px 24px #dc262626;color:#dc2626;display:inline-flex;height:100px;justify-content:center;width:100px}.access-denied__lock-icon{background:#dc2626;border-radius:50%;bottom:-4px;box-shadow:0 4px 12px #dc26264d;color:#fff;padding:6px;position:absolute;right:-4px}.access-denied__title{color:#1f2937;font-size:28px;font-weight:700;letter-spacing:-.02em;margin:0 0 12px}.access-denied__message{color:#6b7280;font-size:16px;line-height:1.6;margin:0 0 28px}.access-denied__message strong{color:#374151;font-weight:600}.access-denied__role-card{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:1px solid #d1d5db;border-radius:12px;margin-bottom:24px;padding:20px 24px}.access-denied__role-label{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.05em;margin-bottom:6px;text-transform:uppercase}.access-denied__role-value{color:#1f2937;font-size:18px;font-weight:700}.access-denied__help{color:#9ca3af;font-size:14px;line-height:1.5;margin-bottom:24px}.access-denied__back-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:10px;box-shadow:0 4px 12px #3b82f64d;color:#fff;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;justify-content:center;padding:12px 32px;transition:all .2s ease}.access-denied__back-btn:hover{box-shadow:0 6px 20px #3b82f666;transform:translateY(-2px)}.access-denied__back-btn:active{transform:translateY(0)}@media (max-width:768px){.access-denied__content{max-width:100%;padding:36px 28px}.access-denied__title{font-size:24px}.access-denied__icon-bg{height:80px;width:80px}}.main-content,.modern-layout{background:var(--bg-secondary);display:flex;min-height:100vh}.main-content{flex:1 1;flex-direction:column;margin-left:var(--sidebar-width);transition:margin-left var(--transition-slow)}.modern-layout.sidebar-collapsed .main-content{margin-left:var(--sidebar-collapsed-width)}.content-wrapper{animation:fadeIn .4s ease-out;flex:1 1;overflow-y:auto;padding:var(--space-2xl)}.page-title-section{flex:1 1}.page-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--text-primary) 0,var(--primary-color) 100%);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:var(--text-4xl);font-weight:var(--font-extrabold);letter-spacing:-.5px;margin:0 0 var(--space-sm) 0}.page-subtitle{font-weight:var(--font-normal)}.filter-period{align-items:center;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);display:flex;gap:var(--space-lg);padding:var(--space-lg) var(--space-xl);transition:all var(--transition-base)}.filter-period:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.period-icon{align-items:center;background:var(--gradient-info);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:flex;font-size:var(--text-4xl);height:60px;justify-content:center;width:60px}.period-content{display:flex;flex-direction:column;gap:4px}.period-label{color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium)}.date-selector-modern{align-items:center;display:flex;gap:var(--space-md)}.btn-date-nav-modern{align-items:center;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:flex;font-size:var(--text-lg);font-weight:var(--font-bold);height:36px;justify-content:center;transition:all var(--transition-base);width:36px}.btn-date-nav-modern:hover:not(:disabled){background:var(--primary-light);border-color:var(--primary-color);box-shadow:var(--shadow-md);transform:scale(1.1)}.btn-date-nav-modern:active:not(:disabled){transform:scale(.95)}.btn-date-nav-modern:disabled{cursor:not-allowed;opacity:.3}.selected-date-modern{align-items:center;color:var(--text-primary);display:flex;font-size:var(--text-lg);font-weight:var(--font-semibold);gap:var(--space-sm);justify-content:center;min-width:200px}.today-badge-modern{background:var(--primary-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:var(--text-primary);font-size:var(--text-xs);font-weight:var(--font-bold);padding:4px var(--space-md)}.stats-grid{grid-gap:var(--space-xl);animation:statsSlideIn .6s ease-out;gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}@keyframes statsSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stats-grid>*{overflow:hidden;position:relative}.stats-grid>:before{background:currentColor;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity var(--transition-base);width:4px}.stats-grid>:hover:before{opacity:1}.dashboard{background:#f5f7fa;min-height:100vh;padding:2rem}.dashboard-header{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:2rem;padding:1.5rem 2rem}.header-title{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.header-title h1{color:#101828;font-size:2rem;margin:0}.date-selector{gap:1rem}.btn-date-nav{background:#f5f5f5;border:none;border-radius:8px;color:#333;cursor:pointer;font-size:1.25rem;height:40px;transition:all .2s ease;width:40px}.btn-date-nav:hover:not(:disabled){background:#e0e0e0}.btn-date-nav:disabled{cursor:not-allowed;opacity:.3}.selected-date{align-items:center;color:#101828;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;justify-content:center;min-width:200px;text-align:center}.today-badge{background:#4caf50;border-radius:12px;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.stats-summary{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{background:linear-gradient(135deg,#ffc124,#ffd666);box-shadow:0 4px 12px #ffc12433;padding:1.25rem}.stat-label{color:#000000b3;margin-bottom:.5rem}.stat-value{color:#101828;font-size:2rem}.coming-soon{align-items:center;background:#fff;border:1px solid #e8ecef;border-radius:16px;box-shadow:0 2px 8px #0000000a;display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.coming-soon-icon{font-size:80px;margin-bottom:24px}.coming-soon h2{color:#1a1d1f;font-size:32px;font-weight:700;margin:0 0 12px}.coming-soon p{color:#6f767e;font-size:16px;margin:0}.kanban-board{grid-gap:var(--space-xl);align-items:flex-start;animation:kanbanSlideIn .7s ease-out;display:grid;gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-top:var(--space-xl)}@keyframes kanbanSlideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.kanban-column{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);display:flex;flex-direction:column;min-height:500px;overflow:hidden;position:relative;transition:all var(--transition-base)}.kanban-column:before{background:linear-gradient(90deg,#0000,currentColor,#0000);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition-base)}.kanban-column:hover{border-color:var(--secondary-color);box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.kanban-column:hover:before{opacity:1}.column-header{align-items:center;border-bottom:2px solid var(--border-light);display:flex;flex-shrink:0;justify-content:space-between;padding:var(--space-xl) var(--space-xl);transition:all var(--transition-base)}.kanban-column:hover .column-header{border-bottom-color:var(--primary-color)}.column-header h3{color:var(--text-primary);font-size:var(--text-xl);font-weight:var(--font-semibold);margin:0}.order-count{background:var(--gray-200);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-bold);min-width:32px;padding:4px var(--space-md);text-align:center;transition:all var(--transition-base)}.kanban-column:hover .order-count{box-shadow:var(--shadow-md);transform:scale(1.1)}.column-pending-acceptance{animation:pulse-border 2s ease-in-out infinite;color:#f97316}@keyframes pulse-border{0%,to{border-color:#f9731633}50%{border-color:#f9731699}}.column-pending-acceptance .column-header{background:linear-gradient(to bottom,#fff7ed,var(--bg-primary));border-bottom-color:#f97316;position:relative}.column-pending-acceptance .column-header h3{animation:pulse-text 2s ease-in-out infinite}@keyframes pulse-text{0%,to{opacity:1}50%{opacity:.8}}.column-pending-acceptance .order-count{animation:pulse-count 2s ease-in-out infinite;background:linear-gradient(135deg,#f97316,#ea580c);box-shadow:0 4px 12px #f973164d;color:#fff}@keyframes pulse-count{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.column-in-progress{color:var(--warning)}.column-in-progress .column-header{background:linear-gradient(to bottom,var(--warning-light),var(--bg-primary));border-bottom-color:var(--warning)}.column-in-progress .order-count{background:var(--gradient-warning);box-shadow:0 4px 8px #f59e0b33;color:#fff}.column-prepared{color:var(--success)}.column-prepared .column-header{background:linear-gradient(to bottom,var(--success-light),var(--bg-primary));border-bottom-color:var(--success)}.column-prepared .order-count{background:var(--gradient-success);box-shadow:0 4px 8px #10b98133;color:#fff}.column-out-for-delivery{color:var(--info)}.column-out-for-delivery .column-header{background:linear-gradient(to bottom,var(--info-light),var(--bg-primary));border-bottom-color:var(--info)}.column-out-for-delivery .order-count{background:var(--gradient-info);box-shadow:0 4px 8px #3b82f633;color:#fff}.column-delivered{color:var(--gray-500)}.column-delivered .column-header{background:linear-gradient(to bottom,var(--gray-100),var(--bg-primary));border-bottom-color:var(--gray-400)}.column-delivered .order-count{background:linear-gradient(135deg,var(--gray-400) 0,var(--gray-500) 100%);box-shadow:0 4px 8px #9ca3af33;color:#fff}.column-content{flex:1 1;max-height:calc(100vh - 300px);overflow-y:auto;padding:1rem}.column-content::-webkit-scrollbar{width:6px}.column-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.column-content::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.column-content::-webkit-scrollbar-thumb:hover{background:#aaa}.empty-column{color:#999;padding:3rem 1rem;text-align:center}.empty-column p{font-style:italic;margin:0}.dashboard-loading{background:#0000;gap:var(--space-xl);min-height:calc(100vh - var(--header-height));padding:var(--space-4xl) var(--space-lg)}.loading-spinner{animation:spin .8s linear infinite,pulse 2s ease-in-out infinite;border:4px solid var(--gray-200);border-top-color:var(--secondary-color);box-shadow:0 0 20px #f9731633;height:64px;width:64px}.dashboard-loading p{animation:fadeIn .5s ease-in-out;font-size:var(--text-xl);font-weight:var(--font-medium);margin:0}.page-loader{align-items:center;display:flex;flex-direction:column;gap:var(--space-lg);justify-content:center;padding:var(--space-4xl)}.page-loader .loading-spinner{border-width:3px;height:48px;width:48px}@media (max-width:1400px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:1200px){.kanban-board{grid-template-columns:repeat(2,1fr)}}@media (max-width:992px){.main-content{margin-left:0}.content-wrapper{padding:20px}.page-header{align-items:flex-start;flex-direction:column;gap:20px}.filter-period{width:100%}}@media (max-width:768px){.dashboard,.dashboard-header{padding:1rem}.header-title{align-items:flex-start;flex-direction:column;gap:1rem}.header-title h1{font-size:1.5rem}.stats-grid,.stats-summary{grid-template-columns:1fr}.stats-grid{gap:16px}.kanban-board{gap:1rem;grid-template-columns:1fr}.column-content{max-height:400px}.selected-date{font-size:1rem;min-width:auto}.page-title{font-size:24px}.content-wrapper{padding:16px}}.outlets-page{margin:0 auto;max-width:1400px;padding:24px}.header-left h1{color:#1f2937;display:flex}.btn-primary{align-items:center;background:linear-gradient(135deg,#f97316,#ea580c);box-shadow:0 2px 8px #f973164d;display:flex;gap:8px;transition:all .2s ease}.btn-primary:hover{background:linear-gradient(135deg,#ea580c,#c2410c);box-shadow:0 4px 12px #f9731666;transform:translateY(-1px)}.btn-secondary{border:1px solid #d1d5db;transition:all .2s ease}.btn-secondary:hover{border-color:#9ca3af}.outlet-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;padding:20px;transition:all .3s ease}.outlet-card:hover{border-color:#f97316;box-shadow:0 8px 24px #0000001a;transform:translateY(-2px)}.outlet-card--selected{background:linear-gradient(135deg,#fff7ed,#fff);border-color:#f97316;box-shadow:0 4px 16px #f9731633}.outlet-card__header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.outlet-card__title{flex:1 1}.outlet-card__title h2{color:#1f2937;font-size:20px;font-weight:700;margin:0 0 8px}.outlet-card__actions{display:flex;gap:8px}.btn-icon{align-items:center;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.btn-icon:hover{background:#e5e7eb;border-color:#f97316;color:#f97316}.badge{border-radius:12px;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.badge-primary{background:#fef3c7;color:#92400e}.outlet-card__id{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:16px;padding:12px}.outlet-id-container{align-items:center;display:flex;gap:8px}.outlet-id-label{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.outlet-id-value{border-radius:4px;color:#1f2937;flex:1 1;font-family:Courier New,monospace;font-size:13px;padding:6px 10px;word-break:break-all}.btn-copy-id,.outlet-id-value{background:#fff;border:1px solid #d1d5db}.btn-copy-id{align-items:center;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .2s ease;width:32px}.btn-copy-id:hover{background:#f97316;border-color:#f97316;color:#fff;transform:scale(1.05)}.btn-copy-id:active{transform:scale(.95)}.outlet-card__info{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.info-item{align-items:center;color:#4b5563;display:flex;font-size:14px;gap:10px}.info-icon{color:#9ca3af;flex-shrink:0}.outlet-card__status{margin-bottom:16px}.status-badge{padding:6px 14px}.status-badge--open{background:#d1fae5;color:#065f46}.status-badge--closed{background:#fee2e2;color:#991b1b}.outlet-card__stats{grid-gap:12px;border-bottom:1px solid #e5e7eb;border-top:1px solid #e5e7eb;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);padding:16px 0}.stat-item{flex-direction:column;text-align:center}.stat-label{font-size:11px}.stat-value{font-size:18px}.stat-value--danger{color:#dc2626}.outlet-card__features{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}.feature-badge{background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#4b5563;font-size:11px;font-weight:500;padding:4px 10px}.modal-overlay{padding:20px}.modal-content{max-width:700px;width:100%}.modal-header h2{font-weight:700}.modal-close{color:#9ca3af;font-size:28px;transition:color .2s ease}.modal-close:hover{color:#374151}.modal-footer{border-top:1px solid #e5e7eb;padding:20px 24px}.outlet-form{padding:24px}.form-section{margin-bottom:24px}.form-section h3{border-bottom:1px solid #e5e7eb;color:#1f2937;font-size:16px;font-weight:600;margin:0 0 16px;padding-bottom:8px}.form-group{margin-bottom:16px}.form-group label{margin-bottom:6px}.form-group input[type=email],.form-group input[type=number],.form-group input[type=tel],.form-group input[type=text]{border:1px solid #d1d5db;border-radius:6px;color:#1f2937;font-size:14px;padding:10px 12px;transition:all .2s ease;width:100%}.form-group input:focus{border-color:#f97316;box-shadow:0 0 0 3px #f973161a}.form-group-checkbox label{align-items:center;cursor:pointer;display:flex;gap:8px}.form-group-checkbox input[type=checkbox]{cursor:pointer;height:18px;width:18px}.form-row{grid-gap:16px;gap:16px}.operating-hours-grid{display:flex;flex-direction:column;gap:8px}.operating-hours-row{grid-gap:12px;align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;display:grid;gap:12px;grid-template-columns:100px 60px 1fr;padding:8px 12px}.day-name-col{color:#374151;font-size:14px;font-weight:600}.day-toggle-col{display:inline-block;height:24px;position:relative;width:44px}.day-toggle-col input{height:0;opacity:0;width:0}.toggle-slider-mini{background-color:#d1d5db;border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider-mini:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;position:absolute;transition:.3s;width:18px}.day-toggle-col input:checked+.toggle-slider-mini{background-color:#10b981}.day-toggle-col input:checked+.toggle-slider-mini:before{transform:translateX(20px)}.time-inputs-col{align-items:center;display:flex;gap:8px}.time-input-small{border:1px solid #d1d5db;border-radius:4px;font-family:inherit;font-size:13px;min-width:90px;padding:6px 10px}.time-separator{color:#6b7280;font-size:13px}.closed-text{color:#9ca3af;font-size:13px;font-style:italic}@media (max-width:768px){.outlets-page{padding:16px}.page-header{align-items:flex-start;flex-direction:column;gap:16px}.form-row,.outlets-grid{grid-template-columns:1fr}.modal-content{max-height:95vh}.outlet-card__stats{grid-template-columns:1fr}}.outlet-menus-page{margin:0 auto;max-width:1400px;padding:24px}.page-header h1{color:#1f2937}.result-message{align-items:center;border-radius:8px;display:flex;font-weight:500;justify-content:space-between;margin-bottom:24px;padding:16px 20px}.result-message.success{background:#d1fae5;border:1px solid #10b981;color:#065f46}.result-message.error{background:#fee2e2;border:1px solid #ef4444;color:#991b1b}.result-message button{background:none;border:none;color:inherit;cursor:pointer;font-size:24px;height:24px;line-height:1;padding:0;width:24px}.global-menu-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 12px #667eea4d;color:#fff;margin-bottom:32px;padding:24px}.global-menu-card .card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.global-menu-card h2{align-items:center;display:flex;font-size:22px;gap:8px;margin:0}.global-menu-card .count-badge{background:#ffffff4d;border-radius:20px;font-size:14px;font-weight:600;padding:6px 12px}.global-menu-card p{margin:0 0 16px;opacity:.9}.global-menu-card code{background:#fff3;border-radius:4px;font-family:Courier New,monospace;padding:2px 6px}.global-menu-card .btn-primary{background:#fff;border:none;border-radius:8px;color:#667eea;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .2s}.global-menu-card .btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.global-menu-card .btn-primary:disabled{cursor:not-allowed;opacity:.5}.outlets-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:32px}.outlet-menu-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .3s}.outlet-menu-card:hover{border-color:#f97316;box-shadow:0 4px 16px #f973161a}.outlet-header{align-items:flex-start;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:16px}.outlet-info h3{color:#1f2937;font-size:18px;margin:0 0 4px}.outlet-location{color:#6b7280;font-size:14px}.status-badge{border-radius:12px;padding:4px 12px}.status-badge.active{background:#d1fae5;color:#065f46}.menu-stats{margin-bottom:16px}.stat-row{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:8px 0}.stat-row:last-child{border-bottom:none}.stat-row span{color:#6b7280;font-size:14px}.stat-row strong{color:#1f2937;font-size:16px}.text-success{color:#10b981!important}.text-muted{color:#9ca3af!important}.no-menu-message{color:#9ca3af;padding:32px 16px;text-align:center}.no-menu-message .icon{display:block;font-size:48px;margin-bottom:12px}.no-menu-message p{font-size:14px;margin:0}.outlet-actions{display:flex;gap:8px;margin-bottom:12px}.outlet-actions button{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:10px 16px;transition:all .2s}.btn-copy{background:#f97316;color:#fff}.btn-copy:hover:not(:disabled){background:#ea580c;transform:translateY(-1px)}.btn-danger{background:#fee2e2;color:#dc2626}.btn-danger:hover:not(:disabled){background:#dc2626;color:#fff;transform:translateY(-1px)}.outlet-actions button:disabled{cursor:not-allowed;opacity:.5}.outlet-id-info{border-top:1px solid #e5e7eb;margin-top:12px;padding-top:12px}.outlet-id-info small{color:#9ca3af;font-size:12px}.outlet-id-info code{background:#f3f4f6;border-radius:4px;color:#6b7280;font-family:Courier New,monospace;font-size:11px;padding:2px 6px}.info-box{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:24px}.info-box h3{color:#1f2937;font-size:18px;margin:0 0 16px}.info-box ul{margin:0 0 16px;padding-left:20px}.info-box li{color:#4b5563;line-height:1.6;margin-bottom:8px}.info-box strong{color:#1f2937}.info-box code{background:#e5e7eb;border-radius:4px;color:#374151;font-family:Courier New,monospace;font-size:13px;padding:2px 6px}.warning-box{background:#fef3c7;border:1px solid #fbbf24;border-radius:8px;margin-top:16px;padding:12px 16px}.warning-box strong{color:#92400e}.loading{color:#6b7280;font-size:18px;padding:48px}@media (max-width:768px){.outlets-grid{grid-template-columns:1fr}.outlet-actions,.outlet-header{flex-direction:column}.outlet-header{gap:12px}}.thermal-printer-page{margin:0 auto;max-width:1200px;padding:20px}@media print{.no-print{display:none!important}.thermal-printer-page,body{margin:0;padding:0}}.print-controls{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:30px;padding:30px}.control-group{margin-bottom:20px}.control-group label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:10px}.button-group{display:flex;flex-wrap:wrap;gap:10px}.btn-select{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;transition:all .2s}.btn-select:hover{background:#fff5f2;border-color:#ff6b35}.btn-select.active{background:#ff6b35;border-color:#ff6b35;color:#fff}.date-input,.order-select{background:#fff;border:2px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:14px;padding:12px;width:100%}.date-input:focus,.order-select:focus{border-color:#ff6b35;outline:none}.btn-print{align-items:center;background:#ff6b35;border:none;display:flex;font-size:16px;gap:10px;justify-content:center;margin-top:20px;padding:16px;transition:background .2s;width:100%}.btn-print:hover:not(:disabled){background:#e55a2b}.btn-print:disabled{background:#ccc;cursor:not-allowed}.preview-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:30px;padding:20px 30px}.preview-section h2{color:#333;font-size:18px;margin:0 0 10px}.preview-note{color:#666;font-size:14px;margin:0}.print-area{background:#f5f5f5;border-radius:12px;display:flex;justify-content:center;min-height:400px;padding:20px}.thermal-receipt{background:#fff;box-shadow:0 4px 12px #00000026;color:#000;font-family:Courier New,monospace;font-size:12px;line-height:1.4;max-width:300px;padding:10mm;width:80mm}@media print{.thermal-receipt{box-shadow:none;max-width:80mm;padding:5mm;page-break-after:always;width:80mm}@page{size:80mm auto;margin:0}}.thermal-header{margin-bottom:8px;text-align:center}.thermal-header h1{font-size:18px;font-weight:700;letter-spacing:1px;margin:0 0 4px}.thermal-header h2{font-size:14px;font-weight:700;margin:4px 0}.thermal-header p{font-size:11px;margin:2px 0}.divider{border-top:2px dashed #000;margin:8px 0}.divider-thin{border-top:1px solid #000;margin:6px 0}.kot-info,.receipt-info{margin:8px 0}.info-row{font-size:11px;margin:4px 0}.info-row span:first-child{font-weight:400}.info-row span:last-child{font-weight:400;text-align:right}.customer-section{margin:8px 0}.customer-section h3{font-size:12px;font-weight:700;margin:0 0 4px}.customer-section p{font-size:11px;margin:2px 0}.items-section{margin:8px 0}.items-header{display:flex;font-size:11px;font-weight:700;justify-content:space-between;margin-bottom:4px}.items-header span:first-child{flex:2 1}.items-header span:nth-child(2){flex:0 0 30px;text-align:center}.items-header span:last-child{flex:0 0 50px;text-align:right}.item-row{margin:6px 0}.item-name{font-size:11px;font-weight:700;margin-bottom:2px}.item-details{display:flex;font-size:11px;justify-content:space-between}.item-details span:first-child{margin-left:10px}.pricing-section{margin:8px 0}.price-row{display:flex;font-size:11px;justify-content:space-between;margin:4px 0}.price-row.total{font-size:13px;margin-top:6px}.payment-section{margin:8px 0}.thermal-footer{margin-top:8px;text-align:center}.thermal-footer p{font-size:11px;margin:3px 0}.footer-note{font-size:10px!important;margin-top:6px!important}.thermal-receipt.kot{border:2px solid #000}.kot .thermal-header h1{background:#000;color:#fff;font-size:16px;margin:-10mm -10mm 8px;padding:6px}@media print{.kot .thermal-header h1{margin:-5mm -5mm 8px}}.kot-items{margin:8px 0}.kot-items h3{font-size:12px;font-weight:700;margin:0 0 4px;text-align:center}.kot-item{background:#f9f9f9;border:1px solid #000;margin:8px 0;padding:6px}@media print{.kot-item{background:none;border:1px solid #000}}.kot-item-header{align-items:center;display:flex;gap:8px;margin-bottom:4px}.kot-qty{font-size:16px;font-weight:700;min-width:30px}.kot-item-name{flex:1 1;font-size:13px}.kot-item-note{font-size:10px;font-style:italic;margin:2px 0 2px 38px}.special-instructions{background:#f0f0f0;border:2px solid #000;margin:8px 0;padding:6px}@media print{.special-instructions{background:none}}.special-instructions h3{font-size:11px;font-weight:700;margin:0 0 4px}.special-instructions p{font-size:11px}.kot-footer-note{background:#000;color:#fff;font-size:13px;margin-top:8px;padding:6px;text-align:center}@media print{.kot-footer-note{background:#000;color:#fff}}.thermal-receipt.menu-list{max-width:300px;width:80mm}.menu-category{margin:12px 0}.category-title{background:#000;color:#fff;font-size:13px;font-weight:700;margin:0 0 6px;padding:4px;text-align:center}@media print{.category-title{background:#000;color:#fff}}.menu-section{margin:8px 0}.section-label{font-size:10px;font-weight:700;margin:4px 0 2px;text-align:center}.menu-item-row{display:flex;font-size:11px;justify-content:space-between;margin:3px 0}.menu-item-name{flex:1 1;padding-right:8px}.menu-item-price{font-weight:700;min-width:50px;text-align:right}.thermal-receipt.report{max-width:300px;width:80mm}.report-section{margin:10px 0}.report-section h3{background:#000;color:#fff;font-size:12px;font-weight:700;margin:0 0 6px;padding:4px;text-align:center}@media print{.report-section h3{background:#000;color:#fff}}.report-row{display:flex;font-size:11px;justify-content:space-between;margin:4px 0}.report-row.total{border-top:2px solid #000;font-size:13px;margin-top:6px;padding-top:6px}.report-order-item{border:1px solid #000;margin:6px 0;padding:6px}.report-order-details{color:#666;display:flex;font-size:10px;justify-content:space-between;margin-top:2px}@media print{.report-order-details{color:#000}}@media (max-width:768px){.button-group{flex-direction:column}.btn-select{width:100%}}.loyalty-container{margin:0 auto;max-width:1400px;padding:20px}.loyalty-header{margin-bottom:30px}.loyalty-header h1{color:#1f2937;font-size:32px;margin-bottom:10px}.loyalty-header p{color:#6b7280;font-size:16px}.loyalty-tabs{border-bottom:2px solid #e5e7eb;display:flex;gap:10px;margin-bottom:30px;overflow-x:auto}.loyalty-tabs button{background:none;border:none;border-bottom:3px solid #0000;color:#6b7280;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:all .3s;white-space:nowrap}.loyalty-tabs button:hover{color:#3b82f6}.loyalty-tabs button.active{border-bottom-color:#3b82f6;color:#3b82f6}.loyalty-content{animation:fadeIn .3s ease-in}.stats-grid{margin-bottom:40px}.stat-sub{color:#9ca3af;font-size:12px;margin-top:2px}.tiers-section{margin-bottom:40px}.tiers-section h2{color:#1f2937;font-size:24px;margin-bottom:20px}.tiers-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.tier-card{background:#fff;border:3px solid;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden;transition:transform .3s,box-shadow .3s}.tier-card:hover{box-shadow:0 8px 16px #00000026;transform:scale(1.05)}.tier-header{color:#fff;font-weight:700;padding:15px;text-align:center}.tier-header h3{font-size:20px;margin:0;text-shadow:1px 1px 2px #0000004d}.tier-body{padding:20px;text-align:center}.tier-range{color:#6b7280;font-size:14px;margin-bottom:10px}.tier-benefit{color:#10b981;font-size:18px;margin-bottom:10px}.tier-count{color:#9ca3af;font-size:14px}.top-customers-section{margin-bottom:40px}.customers-list h2,.top-customers-section h2{color:#1f2937;font-size:24px;margin-bottom:20px}.customers-table{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden;width:100%}.customers-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.customers-table th{font-size:14px;font-weight:600;letter-spacing:.5px;padding:15px;text-align:left;text-transform:uppercase}.customers-table td{border-bottom:1px solid #e5e7eb;font-size:14px;padding:15px}.customers-table tbody tr:hover{background:#f9fafb}.customer-info{display:flex;flex-direction:column;gap:4px}.customer-info strong{color:#1f2937;font-size:15px}.customer-info span{color:#6b7280;font-size:13px}.tier-badge{border-radius:20px;color:#fff;display:inline-block;font-size:12px;font-weight:700;padding:4px 12px;text-shadow:1px 1px 2px #0000004d}.action-buttons{gap:8px}.btn-small{border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .3s}.btn-small.primary{background:#10b981;color:#fff}.btn-small.primary:hover{background:#059669}.btn-small.danger{background:#ef4444;color:#fff}.btn-small.danger:hover{background:#dc2626}.rewards-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.rewards-header h2{color:#1f2937;font-size:24px}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s}.btn-primary:hover{box-shadow:0 4px 12px #667eea66}.rewards-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.reward-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:25px;transition:transform .3s,box-shadow .3s}.reward-card:hover{box-shadow:0 8px 16px #00000026;transform:translateY(-4px)}.reward-card h3{color:#1f2937;font-size:18px;margin-bottom:10px}.reward-cost{color:#3b82f6;font-size:24px;font-weight:700;margin-bottom:10px}.reward-card p{color:#6b7280;line-height:1.5;margin-bottom:15px}.reward-meta{border-top:1px solid #e5e7eb;color:#9ca3af;font-size:12px;padding-top:10px}.add-reward-modal{align-items:center;animation:fadeIn .3s ease-in;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{padding:30px}.modal-content h3{color:#1f2937;font-size:24px;margin-bottom:20px}.form-group input,.form-group select,.form-group textarea{border:2px solid #e5e7eb;font-size:14px;padding:10px 12px;transition:border-color .3s}.form-group textarea{min-height:100px}.help-text{color:#9ca3af;display:block;font-size:12px;margin-top:5px}.modal-actions{gap:10px;margin-top:25px}.btn-secondary{background:#e5e7eb;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s}.btn-secondary:hover{background:#d1d5db}.settings-section h2{color:#1f2937;font-size:24px;margin-bottom:30px}.settings-form{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;max-width:600px;padding:30px}@media (max-width:768px){.loyalty-container{padding:15px}.loyalty-header h1{font-size:24px}.stats-grid,.tiers-grid{grid-template-columns:1fr}.loyalty-tabs{gap:5px}.loyalty-tabs button{font-size:14px;padding:10px 15px}.customers-table{font-size:12px}.customers-table td,.customers-table th{padding:10px}.rewards-grid{grid-template-columns:1fr}.rewards-header{align-items:flex-start;flex-direction:column;gap:15px}.modal-content{padding:20px;width:95%}.action-buttons{flex-direction:column}.btn-small{width:100%}}@media print{.action-buttons,.btn-primary,.btn-secondary,.loyalty-tabs{display:none}.loyalty-container{padding:0}}.redemption-container{margin:0 auto;max-width:1400px;padding:20px}.redemption-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.redemption-header h1{color:#1f2937;font-size:32px;margin-bottom:10px}.redemption-header p{color:#6b7280;font-size:16px}.btn-export{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s}.btn-export:hover{box-shadow:0 4px 12px #10b98166}.stat-card.earned{border-left:4px solid #10b981}.stat-card.redeemed{border-left:4px solid #f59e0b}.stat-card.balance{border-left:4px solid #3b82f6}.stat-icon{font-size:32px}.stat-label{margin-bottom:5px}.stat-value{font-size:24px}.stat-value-small{color:#1f2937;font-size:16px;font-weight:600}.filters-section{gap:20px}.filter-group{min-width:200px}.filter-info{padding:10px 12px}.transactions-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:30px;overflow:hidden}.no-transactions{padding:60px 20px;text-align:center}.no-transactions-icon{font-size:64px;margin-bottom:20px}.no-transactions h3{color:#1f2937;font-size:24px;margin-bottom:10px}.no-transactions p{color:#6b7280;font-size:16px}.transactions-table-container{overflow-x:auto}.transactions-table{border-collapse:collapse;width:100%}.transactions-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.transactions-table th{font-size:14px;font-weight:600;letter-spacing:.5px;padding:15px;text-align:left;text-transform:uppercase}.transactions-table td{border-bottom:1px solid #e5e7eb;font-size:14px;padding:15px}.transactions-table tbody tr:hover{background:#f9fafb}.transactions-table tbody tr.earned{border-left:3px solid #10b981}.transactions-table tbody tr.redeemed{border-left:3px solid #f59e0b}.transaction-date{display:flex;flex-direction:column;gap:4px}.transaction-date .time{color:#9ca3af;font-size:12px}.customer-cell{display:flex;flex-direction:column;gap:4px}.customer-cell strong{color:#1f2937}.customer-id{color:#9ca3af;font-family:monospace;font-size:12px}.type-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:700;padding:6px 12px;text-transform:uppercase}.type-badge.earned{background:#d1fae5;color:#065f46}.type-badge.redeemed{background:#fed7aa;color:#92400e}.points-value{font-size:16px;font-weight:700}.points-value.earned{color:#10b981}.points-value.redeemed{color:#f59e0b}.reason-cell{max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transaction-id{background:#f3f4f6;border-radius:4px;color:#6b7280;font-size:12px;padding:4px 8px}.insights-section{margin-bottom:30px}.insights-section h3{color:#1f2937;font-size:24px;margin-bottom:20px}.insights-grid{grid-gap:15px;gap:15px}.insight-card{background:#fff;border-left:4px solid;border-radius:12px;box-shadow:0 1px 3px #0000001a;gap:15px;padding:20px}.insight-card.success{background:linear-gradient(135deg,#fff,#d1fae5);border-color:#10b981}.insight-card.warning{background:linear-gradient(135deg,#fff,#fed7aa);border-color:#f59e0b}.insight-card.info{background:linear-gradient(135deg,#fff,#dbeafe);border-color:#3b82f6}.insight-icon{font-size:24px}.insight-card p{color:#1f2937;font-size:14px;line-height:1.6;margin:0}.timeline-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:30px}.timeline-section h3{color:#1f2937;font-size:24px;margin-bottom:25px}.timeline{padding-left:30px;position:relative}.timeline:before{background:linear-gradient(180deg,#667eea,#764ba2);bottom:10px;content:"";left:8px;position:absolute;top:10px;width:2px}.timeline-item{margin-bottom:25px;padding-left:20px;position:relative}.timeline-marker{border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 2px #667eea;height:18px;left:-25px;position:absolute;top:8px;width:18px;z-index:1}.timeline-item.earned .timeline-marker{background:#10b981;box-shadow:0 0 0 2px #10b981}.timeline-item.redeemed .timeline-marker{background:#f59e0b;box-shadow:0 0 0 2px #f59e0b}.timeline-content{background:#f9fafb;border-left:3px solid;border-radius:8px;padding:15px}.timeline-item.earned .timeline-content{border-color:#10b981}.timeline-item.redeemed .timeline-content{border-color:#f59e0b}.timeline-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.timeline-header strong{color:#1f2937;font-size:15px}.timeline-time{color:#9ca3af;font-size:12px}.timeline-body{align-items:center;display:flex;font-size:14px;gap:10px}.timeline-action{border-radius:6px;font-weight:600;padding:4px 10px}.timeline-action.earned{background:#d1fae5;color:#065f46}.timeline-action.redeemed{background:#fed7aa;color:#92400e}.timeline-reason{color:#6b7280}@media (max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}.filters-section{align-items:stretch;flex-direction:column}.filter-group,.filter-group.search{min-width:100%}}@media (max-width:768px){.redemption-container{padding:15px}.redemption-header{align-items:flex-start;flex-direction:column;gap:15px}.redemption-header h1{font-size:24px}.stats-grid{grid-template-columns:1fr}.transactions-table{font-size:12px}.transactions-table td,.transactions-table th{padding:10px}.reason-cell{max-width:150px}.timeline{padding-left:25px}.timeline-item{padding-left:15px}.timeline-marker{height:14px;left:-22px;width:14px}}@media print{.btn-export,.filters-section,.insights-section,.timeline-section{display:none}.redemption-container{padding:0}.transactions-table{font-size:10px}.stat-card{page-break-inside:avoid}}.scheduled-orders-container{margin:0 auto;max-width:1400px;padding:20px}.scheduled-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.scheduled-header h1{color:#1f2937;font-size:32px;margin-bottom:10px}.scheduled-header p{color:#6b7280;font-size:16px}.loading-spinner{flex-direction:column;min-height:400px}.spinner{border:4px solid #f3f4f6;border-top-color:#3b82f6}.stats-grid{grid-gap:15px;gap:15px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:30px}.stat-card{gap:12px;transition:transform .3s,box-shadow .3s}.stat-card:hover{box-shadow:0 4px 6px #0000001a}.stat-card.pending{border-left:4px solid #f59e0b}.stat-card.confirmed{border-left:4px solid #10b981}.stat-card.cancelled{border-left:4px solid #ef4444}.stat-card.highlight{border-left:4px solid #8b5cf6}.stat-card.revenue{border-left:4px solid #3b82f6}.stat-icon{border-radius:10px;font-size:28px}.stat-label{margin-bottom:4px}.stat-value{color:#1f2937;font-size:22px}.filters-section{align-items:flex-end;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:30px;padding:20px}.filter-group{flex:1 1;min-width:180px}.filter-group.search{flex:2 1;min-width:250px}.filter-group label{color:#374151;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.filter-group input,.filter-group select{border:2px solid #e5e7eb;border-radius:8px;font-size:14px;padding:10px 12px;transition:border-color .3s;width:100%}.filter-group input:focus,.filter-group select:focus{border-color:#3b82f6;outline:none}.filter-info{background:#f3f4f6;border-radius:8px;color:#6b7280;font-size:14px;font-weight:500;padding:10px 15px;white-space:nowrap}.orders-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-bottom:30px}.no-orders{grid-column:1/-1;padding:60px 20px}.no-orders-icon{font-size:64px;margin-bottom:20px}.no-orders h3{color:#1f2937;font-size:24px;margin-bottom:10px}.no-orders p{color:#6b7280}.order-card{background:#fff;border-left:4px solid;box-shadow:0 1px 3px #0000001a;padding:20px}.order-card.pending{border-left-color:#f59e0b}.order-card.confirmed{border-left-color:#10b981}.order-card.cancelled{border-left-color:#ef4444;opacity:.7}.order-card:hover{box-shadow:0 8px 16px #00000026}.order-header{align-items:center}.order-number{color:#1f2937}.order-status{border-radius:20px;color:#fff;font-size:11px;font-weight:700;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.order-customer{display:flex;flex-direction:column;gap:4px;margin-bottom:15px}.order-customer strong{color:#1f2937;font-size:15px}.order-customer span{color:#6b7280;font-size:13px}.order-schedule{background:#f9fafb;border-radius:8px;margin-bottom:15px;padding:12px}.schedule-date,.schedule-time{color:#374151;font-size:14px;margin-bottom:4px}.time-until{color:#8b5cf6;font-size:13px;font-weight:600;margin-top:6px}.order-items{border-bottom:1px solid #e5e7eb;border-top:1px solid #e5e7eb;margin-bottom:15px;padding:12px 0}.order-item{color:#6b7280;font-size:13px;margin-bottom:4px}.more-items{color:#9ca3af;font-size:12px;font-style:italic;margin-top:6px}.order-footer{align-items:center;display:flex;justify-content:space-between}.order-total{color:#1f2937;font-weight:700}.order-actions{gap:6px}.btn-sm{border:none;border-radius:6px;cursor:pointer;font-size:11px;font-weight:600;padding:6px 12px;text-transform:uppercase;transition:all .3s}.btn-sm.confirm{background:#10b981;color:#fff}.btn-sm.confirm:hover{background:#059669}.btn-sm.cancel{background:#ef4444;color:#fff}.btn-sm.cancel:hover{background:#dc2626}.modal-overlay{animation:fadeIn .3s ease-in}.modal-content{animation:slideUp .3s ease-out;max-width:600px}.modal-header{padding:25px}.modal-header h2{color:#1f2937;font-size:22px}.close-btn{transition:all .3s}.modal-body{padding:25px}.detail-section{border-bottom:1px solid #e5e7eb;margin-bottom:25px;padding-bottom:20px}.detail-section:last-child{border-bottom:none;margin-bottom:0}.detail-section h3{color:#374151;font-size:16px;font-weight:600;letter-spacing:.5px;margin-bottom:15px;text-transform:uppercase}.detail-row{margin-bottom:10px}.detail-row span{color:#6b7280}.detail-row strong{color:#1f2937;text-align:right}.detail-row.total{border-top:2px solid #e5e7eb;font-size:16px;margin-top:10px;padding-top:10px}.detail-row .discount{color:#10b981}.items-list{background:#f9fafb;border-radius:8px;padding:15px}.item-row{color:#374151;font-size:14px;margin-bottom:8px}.status-badge{border-radius:8px;font-weight:700;margin-bottom:15px;padding:8px 16px;text-align:center}.status-actions{display:flex;flex-wrap:wrap;gap:10px}.btn-danger,.btn-primary,.btn-secondary{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s}.btn-primary{background:linear-gradient(135deg,#10b981,#059669)}.btn-primary:hover{box-shadow:0 4px 12px #10b98166;transform:translateY(-2px)}.btn-secondary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.btn-secondary:hover{box-shadow:0 4px 12px #3b82f666;transform:translateY(-2px)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.btn-danger:hover{box-shadow:0 4px 12px #ef444466;transform:translateY(-2px)}@media (max-width:1024px){.orders-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.scheduled-orders-container{padding:15px}.scheduled-header h1{font-size:24px}.stats-grid{gap:10px;grid-template-columns:repeat(2,1fr)}.stat-card{padding:15px}.stat-icon{font-size:24px;height:45px;width:45px}.stat-value{font-size:18px}.filters-section{align-items:stretch;flex-direction:column}.filter-group,.filter-group.search{min-width:100%}.orders-grid{grid-template-columns:1fr}.order-actions{flex-direction:column;width:100%}.btn-sm{width:100%}.modal-content{width:95%}.status-actions{flex-direction:column}.btn-danger,.btn-primary,.btn-secondary{width:100%}}@media print{.close-btn,.filters-section,.order-actions,.status-actions{display:none}.scheduled-orders-container{padding:0}.order-card{break-inside:avoid;page-break-inside:avoid}}.analytics-container{animation:fadeIn .4s ease-out;background-color:var(--bg-primary);margin:0 auto;max-width:1800px;min-height:100vh;padding:var(--space-2xl)}.analytics-header{align-items:center;animation:slideInDown .5s ease-out;display:flex;justify-content:space-between;margin-bottom:var(--space-2xl)}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.analytics-header h2{color:var(--text-primary);font-size:var(--text-4xl);font-weight:var(--font-extrabold);letter-spacing:-.5px;margin:0}.analytics-controls{align-items:center;display:flex;gap:var(--space-md)}.analytics-controls select{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:var(--text-primary);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-semibold);padding:var(--space-md) var(--space-xl);transition:all var(--transition-base)}.analytics-controls select:hover{border-color:var(--color-yellow);box-shadow:var(--shadow-lg)}.analytics-controls select:focus{border-color:var(--color-yellow);box-shadow:0 0 0 3px #ffde0033;outline:none}.confidence-badge{animation:pulse 2s ease-in-out infinite;background:var(--color-yellow);border-radius:var(--radius-full);box-shadow:var(--shadow-glow);color:var(--color-black);font-size:var(--text-sm);font-weight:var(--font-bold);padding:var(--space-md) var(--space-xl)}.analytics-loading{align-items:center;display:flex;flex-direction:column;gap:var(--space-xl);justify-content:center;min-height:400px}.analytics-loading p{color:var(--text-secondary);font-size:var(--text-lg);font-weight:var(--font-medium)}.spinner{animation:spin .8s linear infinite;border:4px solid var(--border-light);border-radius:var(--radius-full);border-top-color:var(--color-yellow);height:48px;width:48px}.analytics-metrics-grid,.metrics-grid,.stats-grid{grid-gap:var(--space-xl);animation:metricsSlideIn .6s ease-out;display:grid;gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:var(--space-2xl)}@keyframes metricsSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.metric-card,.stat-card{align-items:center;animation:slideIn .5s ease-out;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);display:flex;gap:var(--space-lg);overflow:hidden;padding:var(--space-xl);position:relative;transition:all var(--transition-base)}.metric-card:before,.stat-card:before{background:linear-gradient(135deg,#0000,#ffde0008);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity var(--transition-base)}.metric-card:hover,.stat-card:hover{border-color:var(--color-yellow);box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.metric-card:hover:before,.stat-card:hover:before{opacity:1}.metric-card.highlight,.metric-card.warning,.stat-card.highlight,.stat-card.warning{background:linear-gradient(to right,#ffde000d,var(--bg-secondary));border-left:4px solid var(--color-yellow)}.metric-card .metric-icon,.stat-card .metric-icon{align-items:center;background:var(--color-yellow);border-radius:var(--radius-lg);box-shadow:var(--shadow-glow);color:var(--color-black);display:flex;flex-shrink:0;font-size:var(--text-3xl);height:64px;justify-content:center;transition:all var(--transition-base);width:64px}.metric-card:hover .metric-icon,.stat-card:hover .metric-icon{box-shadow:var(--shadow-glow-strong);transform:scale(1.1) rotate(5deg)}.metric-card .metric-content,.stat-card .metric-content{flex:1 1;position:relative;z-index:1}.metric-card .metric-label,.stat-card .metric-label{color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);letter-spacing:.5px;margin:0 0 var(--space-xs) 0;text-transform:uppercase}.metric-card .metric-value,.stat-card .metric-value{animation:countUp .5s ease-out;color:var(--text-primary);font-size:var(--text-3xl);font-weight:var(--font-extrabold);letter-spacing:-.5px;margin:0}.metric-card .metric-subtitle,.stat-card .metric-subtitle{color:var(--text-tertiary);font-size:var(--text-xs);font-weight:var(--font-medium);margin:var(--space-xs) 0 0 0}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.analytics-chart-card{animation:slideIn .5s ease-out;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);margin-bottom:var(--space-2xl);padding:var(--space-2xl);transition:all var(--transition-base)}.analytics-chart-card:hover{border-color:var(--color-yellow);box-shadow:var(--shadow-card-hover)}.analytics-chart-card h3{align-items:center;border-bottom:2px solid var(--border-light);color:var(--text-primary);display:flex;font-size:var(--text-xl);font-weight:var(--font-bold);gap:var(--space-md);margin:0 0 var(--space-xl) 0;padding-bottom:var(--space-md)}.chart-note{background:var(--bg-tertiary);border-left:3px solid var(--color-yellow);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-sm);font-style:italic;margin-top:var(--space-lg);padding:var(--space-md)}.staff-table{border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow-x:auto}.staff-table table{border-collapse:collapse;width:100%}.staff-table thead{background:var(--bg-tertiary);border-bottom:2px solid var(--border-medium)}.staff-table th{color:var(--text-primary);font-weight:var(--font-bold);letter-spacing:.5px;text-align:left;text-transform:uppercase}.staff-table td,.staff-table th{font-size:var(--text-sm);padding:var(--space-lg)}.staff-table td{border-bottom:1px solid var(--border-light);color:var(--text-secondary)}.staff-table tbody tr{background:var(--bg-secondary);transition:all var(--transition-base)}.staff-table tbody tr:hover{background:var(--bg-tertiary)}.staff-table tbody tr.top-performer{background:#ffde000d;border-left:3px solid var(--color-yellow)}.staff-table tbody tr.top-performer:hover{background:#ffde001a}.role-badge{border-radius:var(--radius-full);box-shadow:var(--shadow-sm);display:inline-block;font-size:var(--text-xs);font-weight:var(--font-semibold);padding:4px 12px;text-transform:capitalize}.efficiency-badge,.role-badge,.role-badge.chef,.role-badge.staff,.role-badge.waiter{background:var(--color-yellow);color:var(--color-black)}.efficiency-badge{border-radius:var(--radius-full);box-shadow:var(--shadow-sm);display:inline-block;font-size:var(--text-sm);font-weight:var(--font-bold);padding:6px 14px}.inventory-table,.optimization-table{border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow-x:auto}.inventory-table table,.optimization-table table{border-collapse:collapse;width:100%}.inventory-table thead,.optimization-table thead{background:var(--bg-tertiary);border-bottom:2px solid var(--border-medium)}.inventory-table th,.optimization-table th{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-bold);letter-spacing:.5px;padding:var(--space-lg);text-align:left;text-transform:uppercase}.inventory-table td,.optimization-table td{border-bottom:1px solid var(--border-light);color:var(--text-secondary);font-size:var(--text-sm);padding:var(--space-lg)}.inventory-table tbody tr,.optimization-table tbody tr{background:var(--bg-secondary);transition:all var(--transition-base)}.inventory-table tbody tr:hover,.optimization-table tbody tr:hover{background:var(--bg-tertiary)}.urgency-badge{border-radius:var(--radius-full);box-shadow:var(--shadow-sm);display:inline-block;font-size:var(--text-xs);font-weight:var(--font-bold);padding:4px 12px;text-transform:uppercase}.urgency-badge,.urgency-badge.high,.urgency-badge.low,.urgency-badge.medium{background:var(--color-yellow);color:var(--color-black)}.impact-value{color:var(--color-yellow)!important;font-size:var(--text-base)!important;font-weight:var(--font-bold)}.analytics-insights{animation:slideIn .5s ease-out;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);margin-bottom:var(--space-2xl);padding:var(--space-2xl)}.analytics-insights h3{border-bottom:2px solid var(--border-light);color:var(--text-primary);font-size:var(--text-xl);font-weight:var(--font-bold);margin:0 0 var(--space-xl) 0;padding-bottom:var(--space-md)}.insight-cards{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.insight-card{align-items:flex-start;background:var(--bg-tertiary);border-left:4px solid var(--color-yellow);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;gap:var(--space-lg);padding:var(--space-xl);transition:all var(--transition-base)}.insight-card:hover{border-left-width:6px;box-shadow:var(--shadow-md);transform:translateX(4px)}.insight-card.danger,.insight-card.info,.insight-card.success,.insight-card.warning{background:linear-gradient(to right,#ffde000d,var(--bg-tertiary));border-left-color:var(--color-yellow)}.insight-icon{color:var(--color-yellow);flex-shrink:0;font-size:var(--text-3xl);line-height:1}.insight-card h4{color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-bold);margin:0 0 var(--space-xs) 0}.insight-card p{color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed);margin:0 0 var(--space-sm) 0}.priority-badge{border-radius:var(--radius-full);box-shadow:var(--shadow-sm);display:inline-block;font-size:var(--text-xs);font-weight:var(--font-bold);padding:4px 10px;text-transform:uppercase}.priority-badge,.priority-badge.high,.priority-badge.low,.priority-badge.medium{background:var(--color-yellow);color:var(--color-black)}.analytics-summary-card{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);margin-bottom:var(--space-2xl);padding:var(--space-2xl)}.analytics-summary-card h3{border-bottom:2px solid var(--border-light);color:var(--text-primary);font-size:var(--text-xl);font-weight:var(--font-bold);margin:0 0 var(--space-xl) 0;padding-bottom:var(--space-md)}.action-list{display:flex;flex-direction:column;gap:var(--space-md);list-style:none;margin:0;padding:0}.action-list li{background:var(--bg-tertiary);border-left:3px solid var(--color-yellow);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-sm);padding:var(--space-lg);transition:all var(--transition-base)}.action-list li:hover{background:var(--bg-elevated);transform:translateX(4px)}.loading-container{gap:var(--space-xl);min-height:400px}.spinner-large{animation:spin .8s linear infinite;border:5px solid var(--border-light);border-radius:var(--radius-full);border-top-color:var(--color-yellow);height:64px;width:64px}.page-header{animation:slideInDown .5s ease-out;margin-bottom:var(--space-2xl)}.page-header h1{color:var(--text-primary);font-size:var(--text-4xl);font-weight:var(--font-extrabold);letter-spacing:-.5px;margin:0 0 var(--space-sm) 0}.page-header p{color:var(--text-secondary);font-size:var(--text-base);font-weight:var(--font-medium)}.forecast-period-select{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:var(--text-primary);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-semibold);padding:var(--space-md) var(--space-xl);transition:all var(--transition-base)}.forecast-period-select:hover{border-color:var(--color-yellow);box-shadow:var(--shadow-lg)}.customer-segmentation-page,.menu-engineering-page,.sales-forecasting-page{animation:fadeIn .4s ease-out}.charts-row{grid-gap:var(--space-xl);display:grid;gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(500px,1fr))}.charts-row,.insights-section{margin-bottom:var(--space-2xl)}.insights-section{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);padding:var(--space-2xl)}.insights-section h3{border-bottom:2px solid var(--border-light);color:var(--text-primary);font-size:var(--text-xl);font-weight:var(--font-bold);margin:0 0 var(--space-xl) 0;padding-bottom:var(--space-md)}.insights-grid{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.insights-grid .insight-card{background:var(--bg-tertiary);border-left:4px solid var(--color-yellow);border-radius:var(--radius-lg);display:block;padding:var(--space-lg);transition:all var(--transition-base)}.insights-grid .insight-card:hover{box-shadow:var(--shadow-md);transform:translateX(4px)}.insights-grid .insight-card strong{color:var(--text-primary);display:block;font-size:var(--text-base);font-weight:var(--font-bold);margin-bottom:var(--space-sm)}.insights-grid .insight-card p{color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed);margin:0}.chart-container{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);margin-bottom:var(--space-2xl);padding:var(--space-2xl);transition:all var(--transition-base)}.chart-container:hover{border-color:var(--color-yellow);box-shadow:var(--shadow-card-hover)}.chart-container h3{border-bottom:2px solid var(--border-light);color:var(--text-primary);font-size:var(--text-xl);font-weight:var(--font-bold);margin:0 0 var(--space-xl) 0;padding-bottom:var(--space-md)}@media (max-width:1400px){.charts-row,.insight-cards{grid-template-columns:1fr}}@media (max-width:992px){.analytics-container{padding:var(--space-xl)}.analytics-header{align-items:flex-start;flex-direction:column;gap:var(--space-lg)}.analytics-controls{flex-wrap:wrap;width:100%}.analytics-controls select{flex:1 1;min-width:150px}.analytics-metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.analytics-container{padding:var(--space-lg)}.analytics-header h2,.page-header h1{font-size:var(--text-3xl)}.analytics-metrics-grid,.charts-row,.insights-grid{grid-template-columns:1fr}.inventory-table,.optimization-table,.staff-table{font-size:var(--text-xs)}.inventory-table td,.inventory-table th,.optimization-table td,.optimization-table th,.staff-table td,.staff-table th{padding:var(--space-sm)}.insight-cards{grid-template-columns:1fr}.insight-card{flex-direction:column;padding:var(--space-lg)}}@media (max-width:480px){.analytics-container{padding:var(--space-md)}.analytics-chart-card,.analytics-insights,.analytics-summary-card,.chart-container,.insights-section{padding:var(--space-lg)}.analytics-header h2,.page-header h1{font-size:var(--text-2xl)}}.pos-settings-page{background:#000;min-height:100vh;padding:24px}.page-header{margin-bottom:32px}.page-header h1{color:#fff;font-size:28px}.page-header p{color:#a0a0a0;font-size:14px}.settings-container{display:flex;flex-direction:column;gap:24px;margin:0 auto;max-width:900px}.settings-card{background:#0a0a0a;border:1px solid #1a1a1a;border-radius:12px;box-shadow:0 4px 12px #0006;padding:24px}.card-title{border-bottom:2px solid #1a1a1a;color:#fff;font-size:20px;font-weight:600;margin:0 0 24px;padding-bottom:16px}.setting-group{margin-bottom:20px}.setting-label{color:#e0e0e0;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.setting-input,.setting-select{background:#141414;border:1.5px solid #1a1a1a;border-radius:8px;color:#fff;font-size:14px;padding:10px 14px;transition:all .2s;width:100%}.setting-input::placeholder{color:#4a4a4a}.setting-input:focus,.setting-select:focus{background:#ffde000d;border-color:#ffde00;box-shadow:0 0 0 3px #ffde001a;outline:none}.setting-row{margin-bottom:20px}.checkbox-label{align-items:center;cursor:pointer;display:flex;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{accent-color:#ffde00;cursor:pointer;height:18px;margin-right:10px;width:18px}.checkbox-label span{color:#e0e0e0;font-size:14px;font-weight:500}.setting-hint{color:#6a6a6a;font-size:13px;font-style:italic;margin:6px 0 0}.logo-upload-section{display:flex;flex-direction:column;gap:12px}.logo-preview{align-items:center;background:#141414;border:2px dashed #1a1a1a;border-radius:8px;display:flex;height:120px;justify-content:center;overflow:hidden;width:200px}.logo-preview img{max-height:100%;max-width:100%;object-fit:contain}.file-input{display:none}.file-label{background:#141414;border:1.5px solid #1a1a1a;border-radius:8px;color:#e0e0e0;cursor:pointer;display:inline-block;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.file-label:hover{background:#ffde00;border-color:#ffde00;box-shadow:0 4px 12px #ffde004d;color:#000}.settings-footer{background:#0a0a0a;border-top:2px solid #1a1a1a;bottom:0;box-shadow:0 -4px 12px #00000080;display:flex;justify-content:center;margin:32px -24px -24px;padding:20px 24px;position:-webkit-sticky;position:sticky}.btn-save-settings{background:#ffde00;border:none;border-radius:10px;box-shadow:0 4px 12px #ffde004d;color:#000;cursor:pointer;font-size:16px;font-weight:700;padding:14px 40px;transition:all .3s}.btn-save-settings:hover{background:#fff;box-shadow:0 6px 16px #ffffff4d;transform:translateY(-2px)}.btn-save-settings:active{transform:translateY(0)}.btn-save-settings:disabled{background:#1a1a1a;box-shadow:none;color:#4a4a4a;cursor:not-allowed;transform:none}.loading{color:#a0a0a0;font-size:16px;padding:40px;text-align:center}@media (max-width:768px){.pos-settings-page{padding:16px}.page-header h1{font-size:24px}.settings-card{padding:20px 16px}.card-title{font-size:18px}.settings-footer{margin:24px -16px -16px;padding:16px}.btn-save-settings{padding:14px 20px;width:100%}.logo-preview{width:100%}}.table-layout-container{display:flex;flex-direction:column;height:100%}.layout-toolbar{align-items:center;background:#f8f9fa;border-bottom:2px solid #e0e0e0;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;padding:15px 20px}.toolbar-section{align-items:center;display:flex;gap:10px}.tool-btn{background:#fff;border:2px solid #e0e0e0;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 14px;transition:all .3s ease}.tool-btn:hover{background:#f0f0ff;border-color:#667eea}.zoom-level{color:#2c3e50;font-weight:600;min-width:50px;text-align:center}.legend{display:flex;flex-wrap:wrap;gap:20px}.legend-item{align-items:center;color:#555;display:flex;font-size:13px;font-weight:500;gap:6px}.legend-color{border:2px solid #0000001a;border-radius:4px;height:20px;width:20px}.help-text{color:#7f8c8d;font-size:13px;margin:0}.layout-canvas{background:#fff;background-image:linear-gradient(#0000000d 1px,#0000 0),linear-gradient(90deg,#0000000d 1px,#0000 0);background-size:20px 20px;cursor:default;flex:1 1;min-height:600px;overflow:auto;position:relative}.draggable-table{align-items:center;border-radius:8px;box-shadow:0 4px 12px #00000026;color:#fff;display:flex;flex-direction:column;font-weight:600;justify-content:center;position:absolute;transition:box-shadow .3s ease;-webkit-user-select:none;user-select:none}.draggable-table:hover{box-shadow:0 6px 20px #00000040;z-index:10}.draggable-table.dragging{cursor:grabbing;opacity:.7;z-index:100}.draggable-table.selected{box-shadow:0 0 0 4px #667eea;z-index:50}.draggable-table.shape-rectangle,.draggable-table.shape-square{border-radius:8px}.draggable-table.shape-circle,.draggable-table.shape-oval{border-radius:50%}.table-label{display:flex;flex-direction:column;gap:2px;text-align:center}.table-label strong{font-size:16px;font-weight:700}.table-label span{font-size:12px;opacity:.9}.table-status-badge{align-items:center;background:#ffffff4d;border-radius:50%;display:flex;height:20px;justify-content:center;position:absolute;right:4px;top:4px;width:20px}.context-menu{animation:contextMenuFadeIn .2s ease;background:#fff;border-radius:8px;box-shadow:0 8px 24px #0003;min-width:200px;overflow:hidden;position:fixed;z-index:1000}@keyframes contextMenuFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.context-menu-header{background:#f8f9fa;border-bottom:1px solid #e0e0e0;color:#2c3e50;font-weight:600;padding:12px 16px}.context-menu-item{align-items:center;background:#fff;border:none;color:#555;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 16px;text-align:left;transition:background .2s ease;width:100%}.context-menu-item:hover{background:#f0f0f0}.context-menu-item.danger{color:#e74c3c}.context-menu-item.danger:hover{background:#fee}.context-menu-divider{background:#e0e0e0;height:1px;margin:4px 0}.table-info-panel{animation:panelSlideIn .3s ease;background:#fff;border-radius:12px;bottom:20px;box-shadow:0 8px 24px #00000026;min-width:250px;padding:20px;position:fixed;right:20px;z-index:100}@keyframes panelSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.table-info-panel h4{color:#2c3e50;font-size:18px;margin:0 0 12px}.table-info-panel p{color:#555;font-size:14px;margin:8px 0}.table-info-panel .status-badge{border-radius:6px;display:inline-block;font-size:12px;font-weight:600;padding:4px 10px;text-transform:capitalize}.status-badge.status-available{background:#d4edda;color:#155724}.status-badge.status-occupied{background:#f8d7da;color:#721c24}.status-badge.status-reserved{background:#fff3cd;color:#856404}.status-badge.status-cleaning{background:#e8daef;color:#5b2c6f}@media (max-width:768px){.layout-toolbar{align-items:stretch;flex-direction:column}.toolbar-section{justify-content:space-between}.legend{flex-direction:column;gap:8px}.table-info-panel{bottom:10px;left:10px;min-width:auto;position:fixed;right:10px}.layout-canvas{min-height:400px}}.floor-plan-container{background:#f5f7fa;display:flex;flex-direction:column;height:100%;padding:20px}.floor-selector{display:flex;gap:15px;margin-bottom:20px;overflow-x:auto;padding-bottom:10px}.floor-btn{background:#fff;border:2px solid #e0e0e0;border-left:4px solid;border-radius:10px;cursor:pointer;min-width:200px;padding:16px 20px;text-align:left;transition:all .3s ease}.floor-btn:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.floor-btn.active{background:linear-gradient(135deg,#f8f9fa,#e9ecef);box-shadow:0 4px 12px #00000014}.floor-btn-header{align-items:center;display:flex;gap:10px;margin-bottom:10px}.floor-icon{font-size:24px}.floor-name{color:#2c3e50;font-size:16px;font-weight:600}.floor-stats-mini{display:flex;flex-direction:column;gap:4px}.stat-mini{color:#7f8c8d;font-size:12px}.stat-mini strong{color:#2c3e50;font-weight:700}.floor-content{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;flex:1 1;flex-direction:column;overflow:hidden}.floor-header{background:#f8f9fa;border-bottom:4px solid;justify-content:space-between;padding:20px}.floor-header,.floor-title{align-items:center;display:flex}.floor-title{gap:15px}.floor-icon-large{font-size:40px}.floor-title h2{color:#2c3e50;font-size:24px;font-weight:700;margin:0 0 5px}.floor-title p{color:#7f8c8d;font-size:14px;margin:0}.view-toggle{display:flex;gap:10px}.toggle-btn{background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#555;cursor:pointer;font-size:14px;font-weight:500;padding:10px 18px;transition:all .3s ease}.toggle-btn:hover{background:#f0f0ff;border-color:#667eea}.toggle-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 4px 12px #667eea4d;color:#fff}.floor-layout-view{flex:1 1;overflow:hidden}.empty-floor{align-items:center;color:#7f8c8d;display:flex;flex-direction:column;height:400px;justify-content:center}.empty-floor-icon{font-size:64px;margin-bottom:20px;opacity:.5}.empty-floor h3{color:#2c3e50;font-size:20px;margin:0 0 10px}.empty-floor p{font-size:14px;margin:0}.floor-grid-view{overflow-y:auto;padding:20px}.tables-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.table-grid-card{background:#fff;border:2px solid #e0e0e0;border-radius:10px;border-top:4px solid;padding:16px;transition:all .3s ease}.table-grid-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.table-grid-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.table-grid-header h3{color:#2c3e50;font-size:18px;font-weight:700;margin:0}.status-indicator{animation:pulse 2s infinite;border-radius:50%;height:12px;width:12px}.table-grid-details{margin-bottom:12px}.table-grid-details p{color:#555;font-size:14px;margin:6px 0}.status-text{font-weight:600;text-transform:capitalize}.table-grid-actions{border-top:1px solid #f0f0f0;margin-top:12px;padding-top:12px}.status-select-compact{background:#fff;border:2px solid #e0e0e0;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;padding:8px 12px;width:100%}.floor-summary{background:#f8f9fa;border-top:2px solid #e0e0e0;padding:20px}.floor-summary h4{color:#2c3e50;font-size:18px;font-weight:600;margin:0 0 15px}.summary-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.summary-card{background:#fff;border-radius:10px;box-shadow:0 2px 8px #00000014;overflow:hidden}.summary-header{align-items:center;color:#fff;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px}.summary-stats{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);padding:12px}.summary-stat{text-align:center}.summary-stat .stat-value{color:#2c3e50;display:block;font-size:20px;font-weight:700}.summary-stat .stat-label{color:#7f8c8d;display:block;font-size:11px;letter-spacing:.5px;margin-top:2px;text-transform:uppercase}@media (max-width:768px){.floor-plan-container{padding:10px}.floor-selector{flex-direction:column}.floor-btn{min-width:auto}.floor-header{align-items:flex-start;flex-direction:column;gap:15px}.view-toggle{width:100%}.toggle-btn{flex:1 1}.summary-grid,.tables-grid{grid-template-columns:1fr}}.reservations-container{background:#f5f7fa;padding:20px}.reservations-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:25px}.date-selector{align-items:center;background:#fff;border-radius:10px;box-shadow:0 2px 8px #00000014;display:flex;gap:12px;padding:12px 16px}.date-selector label{color:#2c3e50;font-size:14px;font-weight:600}.date-input{border:2px solid #e0e0e0;border-radius:6px;cursor:pointer;font-size:14px;padding:8px 12px}.date-input:focus{border-color:#667eea;outline:none}.btn-today{background:#3498db;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 14px;transition:all .3s ease}.btn-today:hover{background:#2980b9}.btn-add-reservation{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn-add-reservation:hover{box-shadow:0 6px 16px #667eea66;transform:translateY(-2px)}.reservation-stats{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:25px}.stat-card-small{background:#fff;border-radius:10px;box-shadow:0 2px 8px #00000014;padding:20px;text-align:center;transition:all .3s ease}.stat-card-small:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.stat-card-small .stat-label{color:#7f8c8d;font-size:13px;font-weight:500;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.stat-card-small .stat-value{color:#2c3e50;font-size:32px;font-weight:700;margin:0}.reservation-modal{animation:modalSlideIn .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:700px;overflow-y:auto;width:90%}.reservations-list{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:20px}.empty-icon{font-size:72px;margin-bottom:20px;opacity:.5}.empty-state h3{color:#2c3e50;font-size:22px;font-weight:600;margin:0 0 10px}.empty-state p{color:#7f8c8d;font-size:15px;margin:0}.reservations-timeline{display:flex;flex-direction:column;gap:20px}.reservation-card{animation:cardSlideIn .4s ease;background:#fff;border:2px solid #e0e0e0;border-left:6px solid;border-radius:12px;padding:20px;transition:all .3s ease}@keyframes cardSlideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.reservation-card:hover{box-shadow:0 6px 16px #0000001a;transform:translateY(-2px)}.reservation-time{align-items:center;display:flex;gap:10px;margin-bottom:15px}.time-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;font-size:16px;font-weight:700;padding:6px 14px}.status-badge{letter-spacing:.5px}.reservation-details{margin-bottom:15px}.reservation-details h4{color:#2c3e50;font-size:20px;font-weight:700;margin:0 0 10px}.detail-row{color:#555;flex-wrap:wrap;font-size:14px;gap:20px;margin:6px 0}.detail-row span{align-items:center;display:flex;gap:6px}.special-requests{background:#f8f9fa;border-left:4px solid #667eea;border-radius:6px;color:#555;font-size:13px;margin-top:12px;padding:12px}.special-requests strong{color:#2c3e50}.reservation-actions{border-top:2px solid #f0f0f0;display:flex;flex-wrap:wrap;gap:10px;padding-top:15px}.action-btn{background:#fff;border:2px solid;border-radius:6px;font-size:13px;padding:8px 16px}.action-btn.complete{border-color:#2ecc71;color:#2ecc71}.action-btn.complete:hover{background:#2ecc71;color:#fff}.action-btn.no-show{border-color:#95a5a6;color:#95a5a6}.action-btn.no-show:hover{background:#95a5a6;color:#fff}.action-btn.cancel{border-color:#e74c3c;color:#e74c3c}.action-btn.cancel:hover{background:#e74c3c;color:#fff}.action-btn.delete{background:#0000;border-color:#e74c3c;color:#e74c3c}.action-btn.delete:hover{background:#e74c3c;color:#fff}@media (max-width:768px){.reservations-container{padding:15px}.date-selector,.reservations-header{align-items:stretch;flex-direction:column}.btn-add-reservation{width:100%}.reservation-stats{grid-template-columns:repeat(2,1fr)}.reservation-card{padding:15px}.detail-row{gap:8px}.detail-row,.reservation-actions{flex-direction:column}.action-btn{text-align:center;width:100%}}@media print{.btn-add-reservation,.date-selector,.reservation-actions,.reservations-header{display:none}.reservation-card{break-inside:avoid;page-break-inside:avoid}}.admin-table-management{background:#f5f7fa;margin:0 auto;max-width:1600px;min-height:100vh;padding:20px}.page-header{margin-bottom:30px}.page-header h1{color:#2c3e50;font-size:32px;font-weight:700;margin:0 0 8px}.page-header p{color:#7f8c8d;font-size:16px;margin:0}.btn-add-table{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 28px;transition:all .3s ease}.btn-add-table:hover{box-shadow:0 6px 16px #667eea66;transform:translateY(-2px)}.stats-overview{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.stat-card{box-shadow:0 2px 8px #00000014}.stat-card:hover{box-shadow:0 6px 16px #0000001f}.stat-icon{color:#fff;font-size:24px;height:50px;width:50px}.stat-label{color:#7f8c8d;margin:0 0 5px}.stat-value{color:#2c3e50;margin:0}.add-table-modal{animation:modalSlideIn .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:2px solid #f0f0f0;padding:24px}.modal-header h3{color:#2c3e50;font-size:22px;font-weight:600;margin:0}.modal-header button{align-items:center;background:#0000;border:none;border-radius:50%;color:#7f8c8d;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;transition:all .3s ease;width:32px}.modal-header button:hover{background:#f0f0f0;color:#2c3e50}.modal-body{padding:24px}.form-group input,.form-group select,.form-group textarea{border:2px solid #e0e0e0;padding:12px;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea}.modal-footer{border-top:2px solid #f0f0f0;display:flex;gap:12px;justify-content:flex-end;padding:24px}.btn-cancel,.btn-save{border-radius:8px;font-size:15px;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn-cancel{background:#e0e0e0;color:#555}.btn-cancel:hover{background:#d0d0d0}.btn-save{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-save:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.btn-save:disabled{cursor:not-allowed;opacity:.5;transform:none}.tab-navigation{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;gap:10px;margin-bottom:20px;padding:10px}.tab-btn{background:#0000;border:2px solid #0000;border-radius:8px;color:#7f8c8d;cursor:pointer;flex:1 1;font-size:15px;font-weight:500;padding:14px 20px;transition:all .3s ease}.tab-btn:hover{background:#f5f7fa}.tab-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d;color:#fff}.tab-content{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;min-height:500px;padding:0}.table-list-view{padding:20px}.list-header{display:flex;gap:15px;margin-bottom:20px}.search-input{flex:2 1;padding:12px 16px}.filter-select{background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;flex:1 1;font-size:15px;padding:12px 16px}.tables-table{border-collapse:collapse;width:100%}.tables-table thead{background:#f8f9fa}.tables-table th{color:#2c3e50;font-size:14px;font-weight:600;letter-spacing:.5px;padding:14px;text-align:left;text-transform:uppercase}.tables-table td{border-bottom:1px solid #f0f0f0;color:#555;font-size:15px;padding:14px}.tables-table tr:hover{background:#f8f9fa}.table-number{color:#2c3e50}.status-select{border:2px solid;font-size:13px;font-weight:600;padding:6px 12px}.status-select.status-available{background:#d4edda;border-color:#2ecc71;color:#2ecc71}.status-select.status-occupied{background:#f8d7da;border-color:#e74c3c;color:#e74c3c}.status-select.status-reserved{background:#fff3cd;border-color:#f39c12;color:#f39c12}.status-select.status-cleaning{background:#e8daef;border-color:#9b59b6;color:#9b59b6}.btn-delete-small{background:#0000;border:none;cursor:pointer;font-size:18px;opacity:.6;transition:opacity .3s ease}.btn-delete-small:hover{opacity:1}@media (max-width:768px){.admin-table-management{padding:15px}.page-header{align-items:flex-start;flex-direction:column;gap:15px}.btn-add-table{width:100%}.stats-overview{grid-template-columns:repeat(2,1fr)}.tab-navigation{flex-direction:column}.form-row{grid-template-columns:1fr}.tables-table{font-size:13px}.tables-table td,.tables-table th{padding:10px}}.admin-terminal-management{padding:2rem}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.page-header h1{color:#111827;font-size:2rem;font-weight:600;margin-bottom:.5rem}.page-header p{color:#6b7280;font-size:.95rem}.stats-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.stat-card{gap:1rem;padding:1.5rem}.stat-icon{font-size:1.5rem;height:48px;width:48px}.stat-label{font-size:.875rem;margin-bottom:.25rem}.stat-value{color:#111827;font-size:1.875rem;font-weight:600}.terminals-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:1.5rem}.terminals-section h2{color:#111827;font-size:1.25rem;margin-bottom:1.5rem}.terminals-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.terminal-card{background:#f9fafb;border:1px solid #e5e7eb;padding:1.5rem;transition:all .2s}.terminal-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #0000001a}.terminal-header{align-items:flex-start;margin-bottom:1rem}.terminal-header h3{color:#111827;font-size:1.125rem;font-weight:600;margin-bottom:.25rem}.terminal-number{color:#6b7280;font-size:.875rem}.terminal-status-badge{border-radius:999px;color:#fff;font-size:.75rem;font-weight:500;padding:.25rem .75rem;text-transform:uppercase}.terminal-info{margin-bottom:1rem}.info-row{border-bottom:1px solid #e5e7eb;padding:.5rem 0}.info-row .label{color:#6b7280;font-size:.875rem}.info-row .value{color:#111827;font-size:.875rem;font-weight:500}.terminal-actions{gap:.5rem;margin-top:1rem}.status-select{background:#fff;flex:1 1;font-size:.875rem;padding:.5rem}.btn-edit{background:#3b82f6;border-radius:6px;color:#fff;font-size:.875rem;padding:.5rem 1rem;transition:background .2s}.btn-edit:hover{background:#2563eb}.btn-delete{font-size:.875rem;padding:.5rem 1rem}.btn-primary{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:500;padding:.75rem 1.5rem;transition:background .2s}.btn-primary:hover{background:#2563eb}.btn-secondary{background:#f3f4f6;border:none;border-radius:8px;color:#374151;cursor:pointer;font-size:.95rem;font-weight:500;padding:.75rem 1.5rem;transition:background .2s}.btn-secondary:hover{background:#e5e7eb}.modal-overlay{background:#00000080}.modal-content{background:#fff;border-radius:12px}.modal-header{border-bottom:1px solid #e5e7eb;padding:1.5rem}.modal-header h2{color:#111827;font-size:1.5rem;font-weight:600}.modal-close{font-size:2rem;line-height:1}.modal-close:hover{color:#111827}.terminal-form{padding:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{font-size:.875rem;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{font-size:.95rem;padding:.75rem;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3b82f6}.form-group textarea{font-family:inherit;resize:vertical}.form-actions{border-top:1px solid #e5e7eb;display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem}.empty-state,.loading{color:#6b7280;padding:3rem;text-align:center}@media (max-width:768px){.admin-terminal-management{padding:1rem}.page-header{align-items:flex-start;flex-direction:column;gap:1rem}.stats-grid,.terminals-grid{grid-template-columns:1fr}.terminal-actions{flex-direction:column}.status-select{width:100%}}.admin-app,.admin-loading{background:var(--bg-secondary);display:flex;flex-direction:column;min-height:100vh}.admin-loading{align-items:center;gap:var(--space-xl);justify-content:center}.admin-loading .loading-spinner{animation:spin .8s linear infinite,pulse 2s ease-in-out infinite;border:4px solid var(--gray-200);border-radius:var(--radius-full);border-top-color:var(--primary-color);height:64px;width:64px}.admin-loading p{animation:fadeIn .5s ease-in-out;color:var(--text-secondary);font-size:var(--text-lg);font-weight:var(--font-medium);margin:0}.skeleton{animation:shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--gray-200) 0,var(--gray-100) 50%,var(--gray-200) 100%);background-size:200% 100%;border-radius:var(--radius-lg)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.page-enter{animation:pageSlideIn .3s ease-out}@keyframes pageSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.admin-loading .loading-spinner{height:48px;width:48px}.admin-loading p{font-size:var(--text-base)}}.delivery-login{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.delivery-login-container{animation:slideIn .5s ease-out;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:450px;padding:40px;width:100%}@keyframes slideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.delivery-login-header{margin-bottom:30px;text-align:center}.delivery-login-header h1{color:#333;font-size:32px;font-weight:700;margin:0 0 10px}.delivery-login-header p{color:#666;font-size:16px;margin:0}.delivery-login-form{margin-bottom:20px}.form-group label{color:#333}.form-group input{border:2px solid #e0e0e0;border-radius:10px;box-sizing:border-box;font-size:16px;padding:12px 16px;transition:all .3s ease;width:100%}.form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group input:disabled{background-color:#f5f5f5;cursor:not-allowed}.error-message{background-color:#fee;border:1px solid #fcc;border-radius:10px;color:#c33;margin-bottom:20px;padding:12px 16px}.error-message span{align-items:center;display:flex;gap:8px}.login-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 4px 15px #667eea66;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px;transition:all .3s ease;width:100%}.login-button:hover:not(:disabled){box-shadow:0 6px 20px #667eea99;transform:translateY(-2px)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.delivery-login-footer{border-top:1px solid #e0e0e0;margin-top:20px;padding-top:20px;text-align:center}.delivery-login-footer p{color:#999;font-size:13px;margin:5px 0}@media (max-width:768px){.delivery-login-container{padding:30px 20px}.delivery-login-header h1{font-size:28px}}.delivery-dashboard{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding-bottom:40px}.delivery-header{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 10px #0000001a;color:#fff;padding:20px}.delivery-header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px}.delivery-header h1{font-size:28px;font-weight:700;margin:0}.delivery-header p{font-size:16px;margin:5px 0 0;opacity:.9}.header-actions,.nav-btn{align-items:center}.nav-btn{background:#fff3;border:2px solid #fff;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:600;justify-content:center;padding:10px 15px;transition:all .3s ease}.nav-btn:hover{background:#fff;color:#667eea;transform:scale(1.05)}.logout-btn{background:#fff3;border:2px solid #fff;border-radius:8px;color:#fff;font-weight:600;padding:10px 20px;transition:all .3s ease}.logout-btn:hover{background:#fff;color:#667eea}.stats-grid{margin:-30px auto 30px;max-width:1200px;padding:0 20px;position:relative;z-index:1}.stat-card{background:#fff;border-radius:15px;box-shadow:0 4px 15px #0000001a;gap:15px;transition:all .3s ease}.stat-card:hover{box-shadow:0 6px 20px #00000026;transform:translateY(-5px)}.stat-icon{background:linear-gradient(135deg,#667eea,#764ba2)}.stat-content h3{color:#333;font-size:28px;font-weight:700;margin:0}.stat-content p{color:#666;font-size:14px;margin:5px 0 0}.active-delivery-section,.recent-deliveries-section{margin:30px auto;max-width:1200px;padding:0 20px}.active-delivery-section h2,.recent-deliveries-section h2{color:#333;font-size:22px;margin:0 0 20px}.active-order-card{background:#fff;border-left:5px solid #667eea;border-radius:15px;box-shadow:0 4px 15px #0000001a;cursor:pointer;padding:25px;transition:all .3s ease}.active-order-card:hover{box-shadow:0 6px 20px #00000026;transform:translateX(5px)}.order-header{align-items:flex-start;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:15px}.order-header h3{color:#333;font-size:20px;margin:0}.order-time{color:#999;margin:5px 0 0}.status-badge{border-radius:20px;font-size:13px;white-space:nowrap}.status-badge.confirmed,.status-badge.prepared{background:#fff3cd;color:#856404}.status-badge.outForDelivery{background:#cce5ff;color:#004085}.status-badge.delivered{background:#d4edda;color:#155724}.status-badge.cancelled{background:#f8d7da;color:#721c24}.order-customer,.order-items{margin:15px 0}.order-customer p,.order-items p{color:#666;font-size:15px;margin:8px 0}.order-customer strong,.order-items strong{color:#333}.view-details-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:15px;padding:12px;transition:all .3s ease;width:100%}.view-details-btn:hover{box-shadow:0 4px 15px #667eea66;transform:translateY(-2px)}.no-active-delivery{background:#fff;border-radius:15px;box-shadow:0 4px 15px #0000001a;padding:60px 40px;text-align:center}.no-active-icon{font-size:80px}.no-active-delivery h3{color:#333;font-size:24px;margin:0 0 10px}.no-active-delivery p{color:#666;font-size:16px;margin:0}.orders-list{gap:15px}.order-item{background:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014;padding:20px;transition:all .3s ease}.order-item:hover{box-shadow:0 4px 15px #0000001f;transform:translateX(5px)}.order-item.completed{opacity:.8}.order-item-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:10px}.order-item h4{color:#333;font-size:17px;margin:0}.order-item-details p{color:#666;font-size:14px;margin:5px 0 0}.no-orders{background:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014;padding:40px;text-align:center}.no-orders p{color:#999;font-size:16px;margin:0}@media (max-width:768px){.delivery-header-content{align-items:center;flex-direction:row;flex-wrap:wrap;gap:10px}.delivery-header-content>div:first-child{flex:1 1 100%}.header-actions{flex:1 1 100%;justify-content:flex-end}.nav-btn{font-size:16px;padding:8px 12px}.logout-btn{font-size:14px;padding:8px 16px}.stats-grid{grid-template-columns:repeat(2,1fr);margin-top:-20px}.order-header{flex-direction:column;gap:10px}.active-order-card{padding:20px}.no-active-delivery{padding:40px 20px}.no-active-icon{font-size:60px}}.proof-of-delivery-modal{align-items:center;display:flex;height:100%;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100%;z-index:9999}.proof-modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;height:100%;left:0;position:absolute;top:0;width:100%}.proof-modal-content{animation:slideUp .3s ease-out;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;position:relative;width:100%}.proof-modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:2px solid #f0f0f0;border-radius:20px 20px 0 0;color:#fff;display:flex;justify-content:space-between;padding:25px}.proof-modal-header h2{font-size:22px;font-weight:700;margin:0}.close-btn{background:#fff3;border-radius:50%;color:#fff;font-size:20px;height:35px;transition:all .3s ease;width:35px}.close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.proof-modal-body{padding:25px}.proof-instruction{background:#f5f7fa;border-radius:10px;color:#666;font-size:15px;margin:0 0 20px;padding:15px;text-align:center}.proof-type-selector{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:25px}.type-btn{background:#f5f7fa;border:2px solid #e0e0e0;border-radius:12px;color:#666;cursor:pointer;font-size:16px;font-weight:600;padding:15px;transition:all .3s ease}.type-btn:hover{background:#f0f3ff;border-color:#667eea}.type-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff;transform:scale(1.05)}.proof-error{background:#fee;border:1px solid #fcc;border-radius:10px;color:#c33;font-size:14px;margin-bottom:20px;padding:12px}.proof-input-section{margin-bottom:25px}.proof-input-section label{color:#333;display:block;font-size:15px;font-weight:600;margin-bottom:8px}.otp-note,.photo-note{background:#fff3cd;border-left:4px solid #ffc107;border-radius:8px;color:#666;font-size:13px;margin:0 0 15px;padding:10px}.otp-input{border:2px solid #e0e0e0;border-radius:10px;font-size:24px;font-weight:700;letter-spacing:10px;padding:15px;text-align:center;transition:all .3s ease;width:100%}.otp-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.photo-upload-area{margin-bottom:15px;position:relative}.photo-input{height:0;opacity:0;position:absolute;width:0}.photo-upload-label{align-items:center;background:#f5f7fa;border:3px dashed #d0d0d0;border-radius:15px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:40px;transition:all .3s ease}.photo-upload-label:hover{background:#f0f3ff;border-color:#667eea}.upload-icon{font-size:60px;margin-bottom:10px}.photo-upload-label p{color:#666;font-size:15px;font-weight:600;margin:0}.photo-preview{margin-bottom:15px}.photo-preview img{border-radius:12px;box-shadow:0 4px 15px #0000001a;height:auto;margin-bottom:10px;width:100%}.remove-photo-btn{background:#ff6b6b;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px;transition:all .3s ease;width:100%}.remove-photo-btn:hover{background:#ee5a52}.order-summary{background:linear-gradient(135deg,#f5f7fa,#e8eef5);border-radius:12px;margin-top:20px;padding:20px}.order-summary h4{color:#333;font-size:16px;font-weight:700;margin:0 0 15px}.summary-row{border-bottom:1px solid #0000000d;padding:10px 0}.summary-row:last-child{border-bottom:none}.summary-row span{color:#666;font-size:14px}.summary-row strong{color:#333;font-size:15px}.cod-warning{background:#fff3cd;border:1px solid #ffc107;border-radius:8px;color:#856404;font-size:14px;font-weight:700;margin-top:15px;padding:12px;text-align:center}.proof-modal-footer{border-top:2px solid #f0f0f0;display:flex;gap:15px;padding:20px 25px}.cancel-btn,.submit-btn{border:none;border-radius:10px;cursor:pointer;flex:1 1;font-size:16px;font-weight:700;padding:15px;transition:all .3s ease}.cancel-btn{background:#f0f0f0;color:#666}.cancel-btn:hover:not(:disabled){background:#e0e0e0}.submit-btn{background:linear-gradient(135deg,#4caf50,#45a049);box-shadow:0 4px 15px #4caf504d;color:#fff}.submit-btn:hover:not(:disabled){box-shadow:0 6px 20px #4caf5066;transform:translateY(-2px)}.cancel-btn:disabled,.submit-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.proof-modal-content{border-radius:20px 20px 0 0;max-height:95vh;max-width:100%}.proof-modal-header{padding:20px}.proof-modal-header h2{font-size:20px}.proof-modal-body{padding:20px}.proof-type-selector{grid-template-columns:1fr 1fr}.type-btn{font-size:14px;padding:12px}.otp-input{font-size:20px;letter-spacing:8px}.proof-modal-footer{flex-direction:column;padding:15px 20px}.cancel-btn,.submit-btn{width:100%}}.active-delivery{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding-bottom:40px}.active-delivery-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 10px #0000001a;color:#fff;display:flex;justify-content:space-between;padding:20px}.active-delivery-header h1{font-size:24px;font-weight:700;margin:0}.back-icon-btn{background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:10px 15px;transition:all .3s ease}.back-icon-btn:hover{background:#ffffff4d}.status-timeline{align-items:center;display:flex;justify-content:center;margin:30px auto 20px;max-width:800px;padding:0 20px}.timeline-step{flex-direction:column}.timeline-dot{align-items:center;background:#e0e0e0;border-radius:50%;color:#999;display:flex;font-size:18px;font-weight:700;height:50px;justify-content:center;transition:all .3s ease;width:50px}.timeline-step.active .timeline-dot{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea66;color:#fff;transform:scale(1.1)}.timeline-step.completed .timeline-dot{background:#4caf50;color:#fff}.timeline-label{color:#666;font-size:13px;font-weight:600;margin-top:10px;text-align:center}.timeline-step.active .timeline-label{color:#667eea;font-weight:700}.timeline-step.completed .timeline-label{color:#4caf50}.timeline-line{background:#e0e0e0;flex:1 1;height:4px;margin:0 10px;max-width:100px}.location-indicator{margin:20px auto;max-width:800px;padding:0 20px}.location-indicator>div{align-items:center;animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#fff3cd,#ffe69c);border:2px solid #ffc107;border-radius:12px;box-shadow:0 4px 15px #ffc10733;display:flex;gap:15px;padding:15px 20px}.location-indicator.active>div{animation:none;background:linear-gradient(135deg,#d4edda,#c3e6cb);border-color:#28a745;box-shadow:0 4px 15px #28a74533}.location-icon{align-items:center;display:flex;font-size:32px;justify-content:center}.location-text{flex:1 1}.location-text strong{color:#333;display:block;font-size:16px;margin-bottom:4px}.location-text p{color:#666;font-size:13px;margin:0}.order-details-card{margin:20px auto;max-width:800px;padding:0 20px}.order-number{align-items:center;background:#fff;border-radius:15px;box-shadow:0 4px 15px #0000001a;display:flex;justify-content:space-between;margin-bottom:15px;padding:20px}.order-number h2{color:#333;font-size:22px;margin:0}.info-section{background:#fff;border-radius:15px;box-shadow:0 4px 15px #0000001a;margin-bottom:15px;padding:20px}.info-section h3{color:#333;font-size:18px;font-weight:700;margin:0 0 15px}.info-row{align-items:flex-start;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:12px}.info-row:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.info-row strong{color:#666;font-size:14px;min-width:100px}.info-row span{color:#333;flex:1 1;font-size:15px;text-align:right}.items-list{margin-bottom:15px}.item-row{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:12px 0}.item-row:last-child{border-bottom:none}.item-name{color:#333}.item-quantity{color:#666;font-size:14px;margin:0 20px}.item-price{color:#333;font-size:15px;font-weight:600;min-width:80px;text-align:right}.order-total{border-top:2px solid #667eea;color:#333;display:flex;font-size:18px;justify-content:space-between;margin-top:15px;padding-top:15px}.payment-badge{border-radius:20px;font-size:14px;font-weight:600;padding:6px 12px}.payment-badge.cod{background:#fff3cd;color:#856404}.payment-badge.online{background:#d4edda;color:#155724}.cod-notice{background:#fff3cd;border:1px solid #ffc107;border-radius:10px;color:#856404;font-size:14px;font-weight:600;margin-top:15px;padding:12px;text-align:center}.action-buttons{grid-gap:15px;gap:15px;grid-template-columns:1fr 1fr;margin:20px auto;max-width:800px;padding:0 20px}.action-btn{border:none;border-radius:12px;box-shadow:0 4px 15px #0000001a;font-size:16px;font-weight:600;padding:15px 20px;transition:all .3s ease}.call-btn{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.call-btn:hover{box-shadow:0 6px 20px #4caf5066;transform:translateY(-2px)}.directions-btn{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff}.directions-btn:hover{box-shadow:0 6px 20px #2196f366;transform:translateY(-2px)}.status-update-section{margin:20px auto 40px;max-width:800px;padding:0 20px}.status-update-btn{border:none;border-radius:12px;box-shadow:0 4px 15px #0003;cursor:pointer;font-size:18px;font-weight:700;padding:18px 20px;transition:all .3s ease;width:100%}.status-update-btn.pickup{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff}.status-update-btn.pickup:hover:not(:disabled){box-shadow:0 6px 25px #ff980080;transform:translateY(-3px)}.status-update-btn.delivered{background:linear-gradient(135deg,#4caf50,#388e3c);color:#fff}.status-update-btn.delivered:hover:not(:disabled){box-shadow:0 6px 25px #4caf5080;transform:translateY(-3px)}.status-update-btn:disabled{cursor:not-allowed;opacity:.6}.no-active-container{background:#fff;border-radius:20px;box-shadow:0 4px 15px #0000001a;margin:100px auto;max-width:600px;padding:60px 40px;text-align:center}.no-active-icon{font-size:100px;margin-bottom:20px}.no-active-container h2{color:#333;font-size:28px;margin:0 0 10px}.no-active-container p{color:#666;font-size:16px;margin:0 0 30px}.back-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;padding:12px 30px}.back-btn:hover{box-shadow:0 4px 15px #667eea66;transform:translateY(-2px)}@media (max-width:768px){.status-timeline{padding:0 10px}.timeline-dot{font-size:16px;height:40px;width:40px}.timeline-line{max-width:50px}.timeline-label{font-size:11px}.order-number{align-items:flex-start;flex-direction:column;gap:10px}.info-row{flex-direction:column;gap:5px}.info-row span{text-align:left}.action-buttons{grid-template-columns:1fr}.no-active-container{margin:50px auto;padding:40px 20px}.no-active-icon{font-size:80px}}.delivery-history{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding-bottom:40px}.history-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 10px #0000001a;color:#fff;display:flex;justify-content:space-between;padding:20px}.history-header h1{font-size:24px;font-weight:700;margin:0}.history-stats{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:-30px auto 30px;max-width:1200px;padding:0 20px;position:relative;z-index:1}.stat-box{background:#fff;border-left:5px solid #667eea;border-radius:15px;box-shadow:0 4px 15px #0000001a;padding:20px;text-align:center;transition:all .3s ease}.stat-box:hover{box-shadow:0 6px 20px #00000026;transform:translateY(-5px)}.stat-box.completed{border-left-color:#4caf50}.stat-box.earnings{border-left-color:#ff9800}.stat-box.cancelled{border-left-color:#f44336}.stat-value{color:#333;margin-bottom:5px}.stat-label{color:#666;font-weight:600}.filter-tabs{-webkit-overflow-scrolling:touch;gap:10px;margin:0 auto 20px;max-width:1200px;overflow-x:auto;padding:0 20px}.filter-tab{background:#fff;border:2px solid #e0e0e0;border-radius:10px;color:#666;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease;white-space:nowrap}.filter-tab:hover{border-color:#667eea;color:#667eea}.filter-tab.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff}.history-content{margin:0 auto;max-width:1200px;padding:0 20px}.history-list{display:flex;flex-direction:column;gap:15px}.history-item{background:#fff;border-left:5px solid #667eea;border-radius:15px;box-shadow:0 4px 15px #0000001a;padding:20px;transition:all .3s ease}.history-item:hover{box-shadow:0 6px 20px #00000026;transform:translateX(5px)}.history-item.delivered{border-left-color:#4caf50}.history-item.cancelled{border-left-color:#f44336;opacity:.8}.history-item-header{align-items:flex-start;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:15px}.history-item-header h3{color:#333;font-size:18px;font-weight:700;margin:0}.delivery-time{color:#999;font-size:13px;margin:5px 0 0}.history-item-details{margin-bottom:15px}.detail-row{align-items:center;border-bottom:1px solid #f8f8f8;padding:8px 0}.detail-label{color:#666;font-size:14px;font-weight:600}.detail-value{color:#333;font-size:14px;text-align:right}.detail-value.amount{color:#667eea;font-size:16px;font-weight:700}.earnings-badge{background:linear-gradient(135deg,#4caf50,#45a049);border-radius:10px;box-shadow:0 2px 10px #4caf504d;color:#fff;font-size:14px;font-weight:700;padding:10px 15px;text-align:center}.no-history{background:#fff;border-radius:20px;box-shadow:0 4px 15px #0000001a;padding:80px 40px;text-align:center}.no-history-icon{font-size:100px;margin-bottom:20px}.no-history h3{color:#333;font-size:24px;margin:0 0 10px}.no-history p{color:#666;font-size:16px;margin:0}@media (max-width:768px){.history-stats{grid-template-columns:repeat(2,1fr);margin-top:-20px}.stat-value{font-size:24px}.stat-label{font-size:12px}.filter-tabs{padding:0 10px}.filter-tab{font-size:13px;padding:8px 16px}.history-item{padding:15px}.history-item-header{flex-direction:column;gap:10px}.detail-row{align-items:flex-start;flex-direction:column;gap:5px}.detail-value{text-align:left}.no-history{padding:60px 20px}.no-history-icon{font-size:80px}}.delivery-profile{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding-bottom:40px}.profile-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 10px #0000001a;color:#fff;display:flex;justify-content:space-between;padding:20px}.profile-header h1{font-size:24px;font-weight:700;margin:0}.profile-content{margin:-40px auto 0;max-width:800px;padding:0 20px;position:relative;z-index:1}.profile-info-card{background:#fff;border-radius:20px;box-shadow:0 10px 30px #00000026;margin-bottom:20px;padding:40px 30px;text-align:center}.profile-avatar{margin-bottom:20px}.avatar-circle{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 8px 20px #667eea66;color:#fff;display:flex;font-size:48px;font-weight:700;height:100px;justify-content:center;margin:0 auto;width:100px}.profile-info-card h2{color:#333;font-size:28px;font-weight:700;margin:0 0 10px}.profile-email{color:#666;font-size:16px;margin:0 0 5px}.profile-role{color:#999;font-size:14px;font-weight:600;letter-spacing:1px;margin:0 0 15px;text-transform:uppercase}.rating-display{align-items:center;background:linear-gradient(135deg,gold,#ffed4e);border-radius:25px;display:inline-flex;gap:10px;margin-top:10px;padding:10px 20px}.stars{color:#333;font-size:18px;font-weight:700}.rating-count{color:#666;font-size:14px}.section-card{background:#fff;border-radius:15px;box-shadow:0 4px 15px #0000001a;margin-bottom:20px;padding:25px}.section-card h3{color:#333;font-size:20px;font-weight:700;margin:0 0 20px}.earnings-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr)}.earning-item{background:linear-gradient(135deg,#f5f7fa,#e8eef5);border-radius:12px;padding:20px;text-align:center}.earning-item.total{background:linear-gradient(135deg,#667eea,#764ba2);grid-column:1/-1}.earning-item.total .earning-label,.earning-item.total .earning-value{color:#fff}.earning-label{color:#666;display:block;font-size:13px;font-weight:600;margin-bottom:8px}.earning-value{color:#333;display:block;font-size:28px;font-weight:700}.stats-grid-profile{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr)}.stat-item{align-items:center;background:linear-gradient(135deg,#f5f7fa,#e8eef5);border-radius:12px;display:flex;gap:15px;padding:20px}.stat-icon{background:#fff;box-shadow:0 2px 10px #0000001a;display:flex}.stat-details{flex:1 1}.stat-number{color:#333;font-size:28px;font-weight:700;margin-bottom:5px}.stat-text{color:#666;font-size:13px;font-weight:600}.period-stats{display:flex;flex-direction:column;gap:15px}.period-item{align-items:center;background:linear-gradient(135deg,#f5f7fa,#e8eef5);border-radius:10px;display:flex;justify-content:space-between;padding:15px}.period-label{color:#666;font-size:15px;font-weight:600}.period-value{color:#333;font-size:16px;font-weight:700}.quick-actions{display:flex;flex-direction:column;gap:12px}.action-button{align-items:center;background:linear-gradient(135deg,#f5f7fa,#e8eef5);border:2px solid #e0e0e0;border-radius:12px;color:#333;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:15px;padding:15px 20px;transition:all .3s ease}.action-button:hover{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff;transform:translateX(5px)}.action-button.logout{background:linear-gradient(135deg,#ff6b6b,#ee5a52);border-color:#ff6b6b;color:#fff}.action-button.logout:hover{background:linear-gradient(135deg,#ee5a52,#c92a2a);border-color:#c92a2a;transform:translateX(5px)}.action-icon{font-size:24px}.contact-info{display:flex;flex-direction:column;gap:15px}.contact-item{align-items:center;background:linear-gradient(135deg,#f5f7fa,#e8eef5);border-radius:10px;display:flex;justify-content:space-between;padding:15px}.contact-label{color:#666;font-size:14px;font-weight:600}.contact-value{color:#333;font-size:15px;font-weight:600;text-align:right}.status-active{color:#4caf50;font-weight:700}.loading-spinner{align-items:center;color:#667eea;display:flex;font-size:20px;justify-content:center;min-height:100vh}@media (max-width:768px){.profile-content{margin-top:-30px}.profile-info-card{padding:30px 20px}.avatar-circle{font-size:36px;height:80px;width:80px}.profile-info-card h2{font-size:24px}.section-card{padding:20px}.section-card h3{font-size:18px}.earnings-grid{grid-template-columns:1fr}.earning-item.total{grid-column:auto}.earning-value{font-size:24px}.stats-grid-profile{grid-template-columns:1fr}.stat-item{padding:15px}.stat-icon{font-size:32px;height:50px;width:50px}.stat-number{font-size:24px}.action-button{font-size:15px;padding:12px 16px}.action-icon{font-size:20px}.contact-item{align-items:flex-start;flex-direction:column;gap:8px}.contact-value{text-align:left}}.delivery-app{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.delivery-loading{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.delivery-loading-spinner{animation:spin 1s linear infinite;border:5px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:50px;width:50px}.delivery-loading p{font-size:18px;font-weight:600;margin-top:20px}.waiter-login-container{align-items:center;background:var(--bg-primary);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:var(--space-lg);position:relative}.waiter-login-container:before{animation:pulse 4s ease-in-out infinite;background:radial-gradient(circle at center,#ffde000d 0,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}.login-card{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-card-hover);max-width:400px;padding:var(--space-2xl);position:relative;text-align:center;width:100%;z-index:1}.login-card h1{color:var(--color-yellow);font-size:var(--text-3xl);font-weight:var(--font-bold);margin:0 0 var(--space-sm)}.login-card h2{color:var(--text-primary);font-size:var(--text-xl);font-weight:var(--font-medium);margin:0 0 var(--space-2xl)}.login-mode-toggle{grid-gap:var(--space-sm);background:var(--bg-elevated);border-radius:var(--radius-lg);display:grid;gap:var(--space-sm);grid-template-columns:1fr 1fr;margin-bottom:var(--space-xl);padding:4px}.login-mode-toggle button{background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-weight:var(--font-semibold);padding:var(--space-md);transition:all .2s}.login-mode-toggle button.active{background:var(--color-yellow);box-shadow:var(--shadow-glow);color:var(--color-black);font-weight:var(--font-bold)}.email-login-form{display:flex;flex-direction:column;gap:var(--space-lg)}.email-login-form .form-group{text-align:left}.email-login-form label{color:var(--text-primary);display:block;font-size:var(--text-sm);font-weight:var(--font-semibold);letter-spacing:.5px;margin-bottom:var(--space-sm);text-transform:uppercase}.email-login-form input{background:var(--bg-elevated);border:2px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-base);padding:var(--space-md);transition:all .2s;width:100%}.email-login-form input:focus{background:var(--bg-secondary);border-color:var(--color-yellow);box-shadow:var(--shadow-glow);outline:none}.email-login-form input:disabled{background:var(--bg-hover);cursor:not-allowed;opacity:.5}.email-login-form input::placeholder{color:var(--text-secondary)}.btn-login{background:var(--color-yellow);border:none;border-radius:var(--radius-md);color:var(--color-black);cursor:pointer;font-size:var(--text-base);font-weight:var(--font-bold);letter-spacing:1px;padding:var(--space-md) var(--space-lg);text-transform:uppercase;transition:all .2s;width:100%}.btn-login:hover:not(:disabled){background:var(--yellow-600);box-shadow:var(--shadow-glow-strong);transform:translateY(-2px)}.btn-login:active:not(:disabled){transform:translateY(0)}.btn-login:disabled{background:var(--bg-hover);color:var(--text-secondary);cursor:not-allowed}.pin-login{margin-top:var(--space-lg)}.pin-display{font-size:2rem;gap:var(--space-md);margin-bottom:var(--space-2xl)}.pin-display,.pin-display span{display:flex;justify-content:center}.pin-display span{align-items:center;background:var(--bg-elevated);border:2px solid var(--border-light);border-radius:var(--radius-lg);color:var(--color-yellow);font-weight:var(--font-bold);height:50px;width:50px}.pin-display span.filled{background:var(--color-yellow);border-color:var(--color-yellow);color:var(--color-black)}.error{background:#ef444433;border:1px solid #ef444480;border-radius:var(--radius-md);color:var(--color-white);font-size:var(--text-sm);margin-bottom:var(--space-lg);padding:var(--space-sm) var(--space-md);text-align:left}.pin-pad{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(3,1fr);margin-top:var(--space-lg)}.pin-pad button{background:var(--bg-elevated);border:2px solid var(--border-light);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;font-size:var(--text-xl);font-weight:var(--font-semibold);min-height:60px;padding:var(--space-lg);transition:all .2s}.pin-pad button:hover{background:var(--bg-hover);border-color:var(--color-yellow);box-shadow:var(--shadow-card);transform:translateY(-2px)}.pin-pad button:active{transform:translateY(0)}.pin-pad button:last-child,.pin-pad button:nth-last-child(2){background:var(--color-yellow);border-color:var(--color-yellow);color:var(--color-black);font-weight:var(--font-bold);grid-column:span 1}.pin-pad button:last-child:hover,.pin-pad button:nth-last-child(2):hover{background:var(--yellow-600);box-shadow:var(--shadow-glow)}.loading-spinner-login{animation:spin .6s linear infinite;border:3px solid var(--color-black);border-radius:50%;border-top:3px solid #0000;display:inline-block;height:20px;margin-right:var(--space-sm);width:20px}.success-message{background:#ffde001a;border:1px solid var(--color-yellow);border-radius:var(--radius-md);color:var(--color-yellow);font-size:var(--text-sm);margin-bottom:var(--space-lg);padding:var(--space-sm) var(--space-md);text-align:left}@media (max-width:480px){.login-card{padding:var(--space-xl)}.login-card h1{font-size:var(--text-2xl)}.login-card h2{font-size:var(--text-lg)}.pin-display span{font-size:1.5rem;height:40px;width:40px}.pin-pad button{font-size:var(--text-lg);min-height:50px;padding:var(--space-md)}}.waiter-dashboard-container{background:var(--bg-primary);min-height:100vh}.dashboard-main{margin:0 auto;max-width:1600px;overflow-y:auto;padding:var(--space-2xl)}@media (max-width:768px){.dashboard-main{padding:var(--space-lg);padding-bottom:80px}}.dashboard-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-2xl)}.dashboard-header h1{color:var(--color-white);font-size:var(--text-3xl);font-weight:var(--font-bold);margin:0 0 var(--space-sm) 0}.dashboard-header p{color:var(--text-secondary);font-size:var(--text-base);margin:0}.current-terminal-badge{background:var(--gradient-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-glow);color:var(--color-black);font-size:var(--text-sm);font-weight:var(--font-bold);padding:var(--space-md) var(--space-lg)}.stats-grid{grid-gap:var(--space-lg);gap:var(--space-lg);margin-bottom:var(--space-2xl)}@media (min-width:1200px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.stat-card{border:1px solid var(--border-light);border-left:4px solid var(--color-yellow);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);display:flex;gap:var(--space-lg);padding:var(--space-xl)}.stat-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.stat-card.revenue,.stat-card:hover{border-left-color:var(--color-yellow)}.stat-card.orders{border-left-color:var(--yellow-600)}.stat-card.active{border-left-color:var(--yellow-500)}.stat-card.completed{border-left-color:var(--yellow-400)}.stat-card.avg{border-left-color:var(--yellow-700)}.stat-card.tables{border-left-color:var(--yellow-300)}.stat-icon{color:var(--color-yellow);font-size:40px}.stat-value{font-size:var(--text-3xl);font-weight:var(--font-bold);margin-bottom:var(--space-xs)}.stat-label{color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--font-semibold)}.dashboard-content-grid{grid-gap:var(--space-xl);display:grid;gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:var(--space-2xl)}.dashboard-section{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);padding:var(--space-xl)}.section-header{margin-bottom:var(--space-lg)}.section-header h2{font-size:var(--text-xl);font-weight:var(--font-bold)}.btn-view-all{background:var(--bg-elevated);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-semibold);padding:var(--space-sm) var(--space-lg);transition:all .2s}.btn-view-all:hover{background:var(--color-yellow);border-color:var(--color-yellow);color:var(--color-black)}.orders-list{display:flex;flex-direction:column;gap:var(--space-md)}.order-item{background:var(--bg-elevated);border:1px solid var(--border-light);border-radius:var(--radius-lg);cursor:pointer;padding:var(--space-lg);transition:all .2s}.order-item:hover{background:var(--bg-hover);border-color:var(--color-yellow);transform:translateX(4px)}.order-info{align-items:center;gap:var(--space-lg)}.order-number{color:var(--color-yellow)}.order-details{display:flex;flex-direction:column;gap:var(--space-xs)}.table-info{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-medium)}.order-time{color:var(--text-secondary)}.order-meta{align-items:flex-end;display:flex;flex-direction:column;gap:var(--space-sm)}.order-status-badge{background:var(--color-yellow);color:var(--color-black);padding:6px 12px}.order-total{font-size:var(--text-lg)}.top-items-list{display:flex;flex-direction:column;gap:var(--space-md)}.top-item{background:var(--bg-elevated);border:1px solid var(--border-light);border-radius:var(--radius-lg);gap:var(--space-lg);padding:var(--space-lg)}.item-rank,.top-item{align-items:center;display:flex}.item-rank{background:var(--gradient-primary);border-radius:var(--radius-full);color:var(--color-black);font-weight:var(--font-bold);height:40px;justify-content:center;width:40px}.item-name,.item-rank{font-size:var(--text-base)}.item-name{font-weight:var(--font-semibold)}.item-count{font-size:var(--text-sm);font-weight:var(--font-medium)}.item-count,.no-data{color:var(--text-secondary)}.no-data{font-size:var(--text-base);padding:var(--space-3xl) var(--space-lg);text-align:center}.tables-section{grid-column:1/-1}.tables-grid{grid-gap:var(--space-lg);gap:var(--space-lg)}.table-card{background:var(--bg-elevated);border:2px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-lg);text-align:center;transition:all .3s}.table-card:hover{border-color:var(--color-yellow);box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.table-card.available{background:var(--bg-secondary);border-color:var(--color-yellow)}.table-card.occupied{background:var(--bg-hover);border-color:var(--white-600)}.table-number{color:var(--color-white);font-size:var(--text-xl);font-weight:var(--font-bold);margin-bottom:var(--space-sm)}.table-capacity{color:var(--text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-md)}.table-status-badge{border-radius:var(--radius-md);display:inline-block;font-size:var(--text-xs);font-weight:var(--font-bold);padding:6px 12px}.table-status-badge.available{background:var(--color-yellow);color:var(--color-black)}.table-status-badge.occupied{background:var(--white-600);color:var(--color-black)}.quick-actions{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.action-btn{background:var(--bg-secondary);border:2px solid var(--border-light);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;font-size:var(--text-base);font-weight:var(--font-semibold);padding:var(--space-lg) var(--space-xl);text-align:left;transition:all .3s}.action-btn:hover{background:var(--color-yellow);border-color:var(--color-yellow);box-shadow:var(--shadow-glow);color:var(--color-black);transform:translateY(-2px)}.dashboard-loading{align-items:center;background:var(--bg-primary);display:flex;flex-direction:column;justify-content:center;min-height:100vh}.dashboard-loading p{color:var(--text-secondary);font-size:var(--text-base);margin-top:var(--space-lg)}@media (max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-content-grid{grid-template-columns:1fr}.tables-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media (max-width:640px){.dashboard-main{padding:var(--space-lg)}.dashboard-header{align-items:flex-start;flex-direction:column;gap:var(--space-lg)}.current-terminal-badge{text-align:center;width:100%}.stats-grid{grid-template-columns:1fr}.stat-value{font-size:var(--text-2xl)}.dashboard-content-grid,.quick-actions{grid-template-columns:1fr}.dashboard-content-grid{gap:var(--space-lg)}}.order-line-container{background:var(--bg-primary);display:flex;min-height:100vh}.order-line-main{flex:1 1;max-width:calc(100% - 350px);overflow-y:auto;padding:24px}.order-line-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.header-left{align-items:center;display:flex;gap:12px}.header-left h1{font-size:28px;margin:0}.outlet-badge{align-items:center;background:#f97316;border-radius:6px;display:inline-flex;gap:4px;padding:6px 12px}.header-right{gap:16px}.search-input{background:var(--bg-secondary);border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:10px 16px;width:300px}.search-input:focus{border-color:var(--color-yellow)}.waiter-info{align-items:flex-end;display:flex;flex-direction:column}.waiter-name{color:var(--color-white);font-size:15px;font-weight:600}.waiter-role{color:#6b7280;font-size:12px}.orders-section{margin-bottom:32px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.section-header h2{color:var(--color-white);font-size:20px;font-weight:600;margin:0}.filter-tabs{display:flex;gap:8px}.filter-tabs button{background:var(--bg-secondary);border:none;border-radius:8px;box-shadow:0 1px 3px #0000001a;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.filter-tabs button:hover{background:#f3f4f6}.filter-tabs button.active{background:var(--color-yellow);color:#fff}.filter-tabs .count{background:#0000001a;border-radius:10px;display:inline-block;font-size:12px;margin-left:6px;padding:2px 6px}.orders-grid{display:flex;gap:16px;overflow-x:auto;padding-bottom:8px}.order-card{background:var(--bg-secondary);border:2px solid #0000;border-radius:12px;box-shadow:0 2px 8px #00000014;cursor:pointer;min-width:220px;padding:16px;transition:all .3s}.order-card:hover{border-color:var(--color-yellow);box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.order-card-header{margin-bottom:12px}.order-number{font-size:16px}.table-number{color:#6b7280;font-size:13px;font-weight:500}.order-card-body{align-items:center;justify-content:space-between;margin-bottom:12px}.items-count{color:#6b7280;font-size:14px}.order-status-badge{border-radius:12px;color:#fff}.order-time{color:#9ca3af;font-size:12px}.menu-section{margin-bottom:32px}.menu-section h2{color:var(--color-white);font-size:20px;font-weight:600;margin:0 0 16px}.category-tabs{gap:12px;margin-bottom:20px;padding-bottom:8px}.category-tabs button{align-items:center;background:var(--bg-secondary);border:2px solid #e5e7eb;border-radius:12px;color:var(--color-white);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .2s;white-space:nowrap}.category-tabs button:hover{background:#eff6ff;border-color:var(--color-yellow)}.category-tabs button.active{background:var(--color-yellow);border-color:var(--color-yellow);color:#fff}.category-tabs .count{background:#0000001a;border-radius:10px;font-size:12px;padding:2px 8px}.menu-items-grid{grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.menu-item-card{transition:all .3s}.menu-item-card:hover{box-shadow:0 8px 24px #0000001f}.item-image{align-items:center;background:#f3f4f6;display:flex;height:140px;justify-content:center;overflow:hidden}.item-image img{height:100%;object-fit:cover;width:100%}.placeholder-image{color:#9ca3af;font-size:48px}.item-details{padding:12px}.item-category{color:#6b7280;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.item-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--color-white);display:-webkit-box;font-size:15px;font-weight:600;margin:4px 0 8px;overflow:hidden}.item-price{color:#10b981;font-size:16px}.item-controls{background:#f3f4f6;border-radius:8px;gap:8px;padding:4px}.qty-btn{background:var(--bg-secondary);border-radius:4px;font-size:16px;font-weight:600;height:24px;width:24px}.qty-btn:hover{background:#e5e7eb}.qty-btn.add{background:var(--color-yellow);color:#fff}.qty-btn.add:hover{background:#1d4ed8}.qty{color:var(--color-white);font-size:14px;font-weight:600;min-width:20px;text-align:center}.order-summary-panel{background:var(--bg-secondary);border-left:1px solid #e5e7eb;box-shadow:-4px 0 16px #0000000d;display:flex;flex-direction:column;height:100vh;overflow-y:auto;position:fixed;right:0;top:0;width:350px}.panel-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px}.panel-header h3{color:var(--color-white);font-size:20px;font-weight:700;margin:0}.order-actions{display:flex;gap:8px}.icon-btn{align-items:center;background:#f3f4f6;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;transition:all .2s;width:32px}.icon-btn:hover{background:#e5e7eb}.order-info{color:#6b7280;display:flex;font-size:13px;justify-content:space-between;padding:16px 20px}.order-info,.ordered-items{border-bottom:1px solid #e5e7eb}.ordered-items{flex:1 1;padding:20px}.section-title{color:var(--color-white);font-size:14px;font-weight:600;margin-bottom:16px}.ordered-item,.section-title{align-items:center;display:flex;justify-content:space-between}.ordered-item{border-bottom:1px solid #f3f4f6;padding:12px 0}.item-qty-name{display:flex;flex:1 1;gap:12px}.item-qty-name .qty{color:#6b7280;font-weight:600;min-width:20px}.item-qty-name .name,.item-total{color:var(--color-white);font-size:14px}.item-total{font-weight:600}.payment-summary{border-bottom:1px solid #e5e7eb;padding:20px}.payment-summary h4{color:var(--color-white);font-size:15px;font-weight:600;margin:0 0 12px}.summary-row{color:#6b7280;font-size:14px;padding:8px 0}.summary-row.total{border-top:1px solid #e5e7eb;color:var(--color-white);font-size:16px;font-weight:700;margin-top:8px;padding-top:12px}.payment-method{border-bottom:1px solid #e5e7eb;padding:20px}.payment-method h4{color:var(--color-white);font-size:15px;font-weight:600;margin:0 0 12px}.payment-buttons{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.payment-btn{align-items:center;background:var(--bg-secondary);border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;font-size:12px;font-weight:600;gap:4px;padding:12px;transition:all .2s}.payment-btn.active,.payment-btn:hover{background:#eff6ff;border-color:var(--color-yellow)}.payment-btn.active{color:var(--color-yellow)}.action-buttons{padding:20px}.btn-print{background:var(--bg-secondary);border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:14px;transition:all .2s}.btn-print:hover{background:#f3f4f6}.btn-place-order{background:var(--color-yellow);border-radius:8px;flex:2 1;font-size:14px;font-weight:600;padding:14px;transition:all .2s}.btn-place-order:hover{background:#1d4ed8;box-shadow:0 4px 12px #2563eb4d;transform:translateY(-2px)}@media (max-width:1400px){.order-summary-panel{width:300px}.order-line-main{max-width:calc(100% - 300px)}}@media (max-width:1024px){.order-summary-panel{display:none}.order-line-main{max-width:100%}.menu-items-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media (max-width:768px){.order-line-main{padding:16px}.order-line-header{align-items:flex-start;flex-direction:column;gap:12px}.header-right,.search-input{width:100%}.filter-tabs{flex-wrap:wrap}.category-tabs{flex-wrap:nowrap;overflow-x:auto}.menu-items-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}.loading-state{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:60vh}.loading-spinner{border-top-color:#f97316}.loading-state p{color:#6b7280;font-size:16px;margin:0}.table-modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.table-modal{animation:modalSlideUp .3s ease-out;background:var(--bg-secondary);border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:80vh;max-width:800px;width:100%}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.table-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px}.table-modal-header h2{color:#1f2937;font-size:20px;font-weight:700;margin:0}.close-btn{align-items:center;background:#f3f4f6;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:24px;height:36px;justify-content:center;transition:all .2s;width:36px}.close-btn:hover{background:#e5e7eb;color:#1f2937}.table-modal-body{flex:1 1;overflow-y:auto;padding:24px}.table-area-group{margin-bottom:32px}.table-area-group:last-child{margin-bottom:0}.area-title{align-items:center;color:#374151;display:flex;font-size:16px;font-weight:700;gap:8px;margin:0 0 16px}.area-title:before{background:var(--color-yellow);border-radius:2px;content:"";height:20px;width:4px}.tables-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.table-card{align-items:center;background:var(--bg-secondary);border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;padding:20px;position:relative;transition:all .2s}.table-card:hover:not(:disabled){border-color:var(--color-yellow);box-shadow:0 4px 12px #26a69a26;transform:translateY(-2px)}.table-card.selected{background:#e0f2f1;border-color:var(--color-yellow)}.table-card:disabled{cursor:not-allowed;opacity:.6}.table-card.occupied{background:#fef2f2;border-color:#fee2e2}.table-card.reserved{background:#fffbeb;border-color:#fef3c7}.table-icon{font-size:40px;margin-bottom:8px}.table-info{flex-direction:column;margin-bottom:12px}.table-number{color:#1f2937;font-size:16px;font-weight:700;line-height:1.2}.table-capacity{color:#6b7280;font-size:13px;margin-top:2px}.table-status-badge{border-radius:6px;font-size:12px;font-weight:600;padding:4px 12px}.table-status-badge.available{background:#d1fae5;color:#065f46}.table-status-badge.occupied{background:#fee2e2;color:#991b1b}.table-status-badge.reserved{background:#fef3c7;color:#92400e}.no-tables{color:#9ca3af;padding:60px 20px;text-align:center}.no-tables p{font-size:16px;font-weight:600;margin:0 0 8px}.no-tables small{font-size:14px}@media (max-width:768px){.table-modal{max-height:90vh}.tables-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.table-card{padding:16px}.table-icon{font-size:32px}}.kot-container{padding:20px}.print-kot-btn{background:var(--color-yellow);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-bottom:20px;padding:12px 24px;transition:all .2s}.print-kot-btn:hover{background:var(--yellow-600);box-shadow:0 4px 12px #26a69a4d;transform:translateY(-2px)}.kot-preview{background:var(--bg-secondary);border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin:0 auto;max-width:400px;padding:24px}.kot-header{border-bottom:2px dashed #d1d5db;margin-bottom:16px;padding-bottom:16px;text-align:center}.kot-logo{border-radius:12px;height:80px;margin:0 auto 12px;overflow:hidden;width:80px}.kot-logo img{height:100%;object-fit:cover;width:100%}.kot-logo-placeholder{align-items:center;background:linear-gradient(135deg,#e0f2f1,#b2dfdb);display:flex;font-size:40px;height:100%;justify-content:center;width:100%}.kot-title{color:#1f2937;font-size:22px;font-weight:800;margin:0 0 4px;text-transform:uppercase}.kot-subtitle{color:#6b7280;font-size:14px;font-weight:700;letter-spacing:1px;margin:0}.kot-info{border-bottom:2px dashed #d1d5db;margin-bottom:20px;padding-bottom:16px}.kot-info-row{align-items:center;display:flex;justify-content:space-between;padding:6px 0}.kot-label{color:#6b7280;font-size:13px;font-weight:600;text-transform:uppercase}.kot-value{color:#1f2937;font-size:14px;font-weight:700}.table-highlight{background:#d1fae5;border-radius:6px;color:#065f46;font-size:16px;padding:4px 12px}.kot-category-section,.kot-items{margin-bottom:20px}.kot-category-header{border-bottom:2px solid var(--color-yellow);color:var(--color-yellow);font-size:16px;font-weight:800;margin:0 0 12px;padding-bottom:6px;text-transform:uppercase}.kot-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;display:flex;gap:12px;margin-bottom:16px;padding:12px}.kot-item-image{border-radius:8px;flex-shrink:0;height:80px;overflow:hidden;width:80px}.kot-item-image img{height:100%;object-fit:cover;width:100%}.kot-item-placeholder{align-items:center;background:linear-gradient(135deg,#e0f2f1,#b2dfdb);display:flex;font-size:36px;height:100%;justify-content:center;width:100%}.kot-item-details{flex:1 1}.kot-item-qty{background:var(--color-yellow);border-radius:6px;color:#fff;display:inline-block;font-size:13px;font-weight:700;margin-bottom:6px;padding:4px 10px}.kot-item-name{color:#1f2937;font-size:15px;font-weight:700;margin-bottom:4px}.kot-item-desc{color:#6b7280;font-size:12px;margin-bottom:6px}.kot-item-order-id{color:#9ca3af;font-size:11px;font-weight:600}.kot-footer{border-top:2px dashed #d1d5db;padding-top:16px;text-align:center}.kot-note{color:#6b7280;font-size:13px;font-weight:700;margin:0 0 8px}.kot-timestamp{color:#9ca3af;font-size:11px;margin:0}@media print{.kot-container{padding:0}.print-kot-btn{display:none}.kot-preview{border:none;box-shadow:none;max-width:100%;padding:10mm}.kot-item{page-break-inside:avoid}}@media print and (max-width:58mm){.kot-preview{font-size:12px;padding:5mm}.kot-logo{height:50px;width:50px}.kot-title{font-size:16px}.kot-item-image{height:60px;width:60px}}.bill-container{padding:20px}.print-bill-btn{background:var(--color-yellow);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-bottom:20px;padding:12px 24px;transition:all .2s}.print-bill-btn:hover{background:#ea580c;box-shadow:0 4px 12px #f973164d;transform:translateY(-2px)}.bill-preview{background:#fff9f5;border:2px solid var(--color-yellow);border-radius:12px;box-shadow:0 4px 12px #0000001a;font-family:Courier New,monospace;margin:0 auto;max-width:400px;padding:30px}.bill-header{margin-bottom:20px}.bill-logo{border:2px dashed #d1d5db;border-radius:12px;height:100px;margin:0 auto 16px;overflow:hidden;width:100px}.bill-logo img{height:100%;width:100%}.bill-logo-placeholder{align-items:center;background:#f3f4f6;color:#9ca3af;display:flex;font-size:12px;font-weight:700;height:100%;justify-content:center;width:100%}.bill-logo-placeholder,.bill-restaurant-name{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.bill-restaurant-name{color:#1f2937;font-size:24px;font-weight:800;margin:0 0 12px;text-transform:uppercase}.bill-info-line{color:#4b5563;font-size:12px;line-height:1.4;margin:4px 0}.bill-divider{border-bottom:2px dashed #d1d5db;border-top:2px dashed #d1d5db;margin:20px 0;padding:12px 0;text-align:center}.bill-title{color:var(--color-yellow);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:18px;font-weight:800;margin:0;text-transform:uppercase}.bill-details{margin-bottom:20px}.bill-detail-row{color:#374151;display:flex;font-size:13px;justify-content:space-between;padding:6px 0}.bill-token{color:var(--color-yellow);font-size:16px;font-weight:800}.bill-table{border-collapse:collapse;font-size:13px;margin:20px 0;width:100%}.bill-table thead{border-bottom:2px solid #d1d5db}.bill-table th{color:#1f2937;font-size:11px;font-weight:800;padding:8px 4px;text-align:left;text-transform:uppercase}.bill-table th:nth-child(2),.bill-table th:nth-child(3),.bill-table th:nth-child(4){text-align:right}.bill-table td{border-bottom:1px dotted #e5e7eb;color:#374151;padding:8px 4px}.bill-table td:nth-child(2),.bill-table td:nth-child(3),.bill-table td:nth-child(4){text-align:right}.bill-item-name{font-weight:600}.bill-totals{border-top:2px dashed #d1d5db;margin:20px 0;padding-top:12px}.bill-total-row{color:#374151;display:flex;font-size:14px;justify-content:space-between;padding:6px 0}.bill-total-row.discount{color:#10b981;font-weight:700}.bill-total-row.grand-total{border-top:2px solid #1f2937;color:#1f2937;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:18px;font-weight:800;margin-top:8px;padding-top:12px}.bill-qr-section{background:var(--bg-secondary);border:2px dashed var(--color-yellow);border-radius:12px;margin:20px 0;padding:20px;text-align:center}.bill-qr-section h3{color:#1f2937;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;font-weight:800;margin:0 0 12px;text-transform:uppercase}.bill-qr-code{display:block;height:180px;margin:0 auto;width:180px}.bill-qr-text{color:var(--color-yellow);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px;font-weight:700;margin:12px 0 0}.bill-footer{border-top:2px dashed #d1d5db;margin-top:20px;padding-top:16px}.bill-thank-you{color:#1f2937;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;font-weight:800;margin:0 0 4px}.bill-footer-note{color:#6b7280;font-size:12px;margin:0}@media print{.bill-container{padding:0}.print-bill-btn{display:none}.bill-preview{background:var(--bg-secondary);border:none;box-shadow:none;max-width:100%;padding:10mm}.bill-table{page-break-inside:avoid}}@media print and (max-width:58mm){.bill-preview{font-size:11px;padding:5mm}.bill-logo{height:60px;width:60px}.bill-restaurant-name{font-size:18px}.bill-qr-code{height:120px;width:120px}}.orderline-petpooja{background:var(--bg-primary);display:flex;font-family:var(--font-sans);min-height:100vh}.orderline-main{flex:1 1;max-width:calc(100% - 400px);overflow-x:hidden;overflow-y:auto;padding:var(--space-2xl)}@media (min-width:1600px){.orderline-main{max-width:calc(100% - 420px);padding:var(--space-2xl) var(--space-3xl)}}@media (max-width:1024px){.orderline-main{max-width:100%;padding-bottom:100px}}@media (max-width:640px){.orderline-main{padding:var(--space-md)}}.orderline-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-lg);justify-content:space-between;margin-bottom:var(--space-xl)}.header-left{min-width:150px}.header-title{color:var(--color-white);font-size:var(--text-3xl);font-weight:var(--font-bold);margin:0}.header-center{flex:1 1;max-width:500px}.search-box{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);display:flex;gap:var(--space-md);padding:var(--space-md);transition:all .2s}.search-box:focus-within{border-color:var(--color-yellow);box-shadow:0 0 0 3px #ffde001a}.search-icon{color:var(--text-secondary);font-size:var(--text-xl)}.search-input{background:#0000;border:none;color:var(--color-white);flex:1 1;font-size:var(--text-base);outline:none}.search-input::placeholder{color:var(--text-tertiary)}.header-right{display:flex;gap:var(--space-md)}.notif-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);color:var(--color-white);cursor:pointer;display:flex;height:48px;justify-content:center;position:relative;transition:all .2s;width:48px}.notif-btn:hover{background:var(--bg-hover);border-color:var(--color-yellow)}.notif-btn .badge{align-items:center;background:var(--color-yellow);border-radius:50%;color:var(--color-black);display:flex;font-size:11px;font-weight:var(--font-bold);height:20px;justify-content:center;position:absolute;right:-4px;top:-4px;width:20px}.notif-icon{font-size:var(--text-xl)}.user-profile{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:var(--space-md);padding:var(--space-sm) var(--space-md);transition:all .2s}.user-profile:hover{background:var(--bg-hover);border-color:var(--color-yellow)}.user-avatar{border-radius:var(--radius-md);font-size:var(--text-base);height:40px;width:40px}.user-details{display:flex;flex-direction:column}.user-name{font-size:var(--text-sm);line-height:1.2}.user-role{font-size:var(--text-xs);line-height:1.2}@media (max-width:640px){.header-title{font-size:var(--text-2xl)}.user-details{display:none}}.orderline-tabs{-webkit-overflow-scrolling:touch;display:flex;gap:var(--space-sm);margin-bottom:var(--space-xl);overflow-x:auto;padding-bottom:var(--space-sm);scrollbar-width:none}.orderline-tabs::-webkit-scrollbar{display:none}.tab{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:var(--text-sm);font-weight:var(--font-semibold);gap:var(--space-sm);padding:var(--space-md) var(--space-lg);transition:all .2s;white-space:nowrap}.tab:hover{background:var(--bg-hover);color:var(--color-white)}.tab.active{background:var(--color-yellow);border-color:var(--color-yellow);color:var(--color-black)}.tab-count,.tab.active{font-weight:var(--font-bold)}.tab-count{background:#fff3;border-radius:var(--radius-md);font-size:var(--text-xs)}.tab.active .tab-count{background:#00000026}.orders-scroll-container{margin-bottom:var(--space-xl)}.orders-scroll{-webkit-overflow-scrolling:touch;display:flex;gap:var(--space-md);overflow-x:auto;padding-bottom:var(--space-md);scroll-behavior:smooth;scrollbar-width:thin}.orders-scroll::-webkit-scrollbar{height:6px}.orders-scroll::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:var(--radius-lg)}.orders-scroll::-webkit-scrollbar-thumb{background:var(--border-dark);border-radius:var(--radius-lg)}.orders-scroll::-webkit-scrollbar-thumb:hover{background:var(--color-yellow)}.order-card-horizontal{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-xl);cursor:pointer;display:flex;flex-direction:column;gap:var(--space-md);min-width:320px;padding:var(--space-lg);transition:all .2s}.order-card-horizontal:hover{border-color:var(--color-yellow);box-shadow:var(--shadow-glow);transform:translateY(-4px)}.order-card-header{align-items:center;display:flex;justify-content:space-between}.order-number{color:var(--color-white);font-size:var(--text-lg);font-weight:var(--font-bold)}.order-status-badge{border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-bold);letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.order-status-badge.pending{background:var(--yellow-400);color:var(--color-black)}.order-status-badge.confirmed{background:var(--yellow-500);color:var(--color-black)}.order-status-badge.preparing{background:var(--yellow-600);color:var(--color-black)}.order-status-badge.ready{background:var(--color-yellow);color:var(--color-black)}.order-status-badge.delivered{background:var(--white-700);color:var(--color-black)}.order-card-body{flex-direction:column}.order-card-body,.order-table{display:flex;gap:var(--space-sm)}.order-table{align-items:center;color:var(--text-secondary);font-size:var(--text-sm)}.order-items-summary{color:var(--text-tertiary);font-size:var(--text-sm)}.order-card-footer{align-items:center;border-top:1px solid var(--border-light);display:flex;justify-content:space-between;padding-top:var(--space-md)}.order-time{color:var(--text-muted);font-size:var(--text-xs)}.order-total{color:var(--color-yellow);font-size:var(--text-xl);font-weight:var(--font-bold)}.menu-grid-container{margin-bottom:var(--space-xl)}.menu-grid{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));max-width:100%}@media (min-width:1400px){.menu-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1800px){.menu-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:1024px){.menu-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media (max-width:640px){.menu-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}.menu-item-card{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-xl);cursor:pointer;display:flex;flex-direction:column;transition:all .2s}.menu-item-card:hover{border-color:var(--color-yellow);box-shadow:var(--shadow-glow)}.menu-item-image{background:var(--bg-elevated);height:160px;object-fit:cover;width:100%}@media (max-width:640px){.menu-item-image{height:120px}}.menu-item-content{display:flex;flex:1 1;flex-direction:column;gap:var(--space-sm);padding:var(--space-md)}.menu-item-header{align-items:start;display:flex;gap:var(--space-sm);justify-content:space-between}.menu-item-name{color:var(--color-white);font-size:var(--text-base);font-weight:var(--font-semibold);line-height:1.3;margin:0}.veg-indicator{border:2px solid #10b981;flex-shrink:0;height:16px;width:16px}.veg-indicator.veg:after{background:#10b981;border-radius:50%;content:"";height:8px;width:8px}.veg-indicator.non-veg{border-color:#ef4444}.veg-indicator.non-veg:after{background:#ef4444;border-radius:50%;content:"";height:8px;width:8px}.menu-item-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-tertiary);display:-webkit-box;font-size:var(--text-sm);line-height:1.4;margin:0;overflow:hidden}.menu-item-footer{align-items:center;display:flex;justify-content:space-between;margin-top:auto}.menu-item-price{color:var(--color-yellow);font-size:var(--text-lg);font-weight:var(--font-bold)}.add-to-cart-btn{background:var(--color-yellow);border:none;border-radius:var(--radius-lg);color:var(--color-black);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-bold);letter-spacing:.5px;padding:var(--space-sm) var(--space-lg);text-transform:uppercase;transition:all .2s}.add-to-cart-btn:hover{background:var(--yellow-600);transform:scale(1.05)}.add-to-cart-btn:active{transform:scale(.95)}.order-cart{background:var(--bg-secondary);border-left:1px solid var(--border-light);bottom:0;display:flex;flex-direction:column;overflow-y:auto;position:fixed;right:0;top:0;width:400px;z-index:50}@media (max-width:1024px){.order-cart{border-left:none;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;border-top:1px solid var(--border-light);bottom:0;left:0;max-height:70vh;position:fixed;right:0;top:auto;transform:translateY(calc(100% - 80px));transition:transform .3s ease;width:100%}.order-cart.expanded{transform:translateY(0)}}.cart-handle{background:var(--border-dark);border-radius:var(--radius-full);cursor:pointer;display:none;height:5px;margin:var(--space-md) auto var(--space-sm);width:40px}@media (max-width:1024px){.cart-handle{display:block}}.cart-header{border-bottom:1px solid var(--border-light);padding:var(--space-xl)}.cart-title{color:var(--color-white);font-size:var(--text-xl);font-weight:var(--font-bold);margin:0 0 var(--space-xs) 0}.cart-subtitle{color:var(--text-secondary);font-size:var(--text-sm);margin:0}.cart-items{display:flex;flex:1 1;flex-direction:column;gap:var(--space-md);overflow-y:auto;padding:var(--space-lg)}.cart-item{background:var(--bg-elevated);border-radius:var(--radius-lg);gap:var(--space-md);padding:var(--space-md)}.cart-item-name{color:var(--color-white);font-size:var(--text-base);font-weight:var(--font-semibold);margin:0 0 var(--space-xs) 0}.cart-item-price{color:var(--color-yellow);font-size:var(--text-sm);font-weight:var(--font-bold)}.cart-item-controls{align-items:center;display:flex;gap:var(--space-md)}.qty-btn{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--color-white);font-size:var(--text-lg);font-weight:var(--font-bold);height:32px;transition:all .2s;width:32px}.qty-btn:hover{background:var(--color-yellow);border-color:var(--color-yellow);color:var(--color-black)}.qty-display{color:var(--color-white);font-size:var(--text-base);font-weight:var(--font-bold);min-width:32px}.cart-empty{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:var(--space-md);justify-content:center;padding:var(--space-3xl);text-align:center}.cart-empty-icon{font-size:64px;opacity:.3}.cart-empty-text{color:var(--text-secondary);font-size:var(--text-lg);margin:0}.cart-footer{background:var(--bg-primary);border-top:1px solid var(--border-light);padding:var(--space-xl)}.cart-summary{flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-lg)}.summary-row.total{border-top:1px solid var(--border-light);color:var(--color-yellow);font-size:var(--text-xl);font-weight:var(--font-bold);padding-top:var(--space-md)}.place-order-btn{background:var(--color-yellow);border:none;border-radius:var(--radius-lg);color:var(--color-black);cursor:pointer;font-size:var(--text-lg);font-weight:var(--font-bold);letter-spacing:1px;min-height:56px;padding:var(--space-lg);text-transform:uppercase;transition:all .2s;width:100%}.place-order-btn:hover{background:var(--yellow-600);box-shadow:var(--shadow-glow-strong);transform:scale(1.02)}.place-order-btn:active{transform:scale(.98)}.place-order-btn:disabled{background:var(--bg-hover);color:var(--text-muted);cursor:not-allowed}.no-orders-message{color:var(--text-secondary);padding:var(--space-3xl);text-align:center}.no-orders-message h3{color:var(--color-white);font-size:var(--text-xl);margin:0 0 var(--space-md) 0}.no-orders-message p{font-size:var(--text-base);margin:0}@media (max-width:640px){.orderline-header{align-items:stretch;flex-direction:column}.header-center{max-width:100%}}.take-order-page{display:grid;grid-template-columns:2fr 1fr;height:100vh}.menu-side,.take-order-page{background:var(--bg-primary)}.menu-side{border-right:1px solid var(--border-light);overflow-y:auto;padding:var(--space-xl)}.menu-side input{background:var(--bg-secondary);border:2px solid var(--border-light);border-radius:var(--radius-lg);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-base);margin-bottom:var(--space-lg);padding:var(--space-md);width:100%}.menu-side input:focus{border-color:var(--color-yellow);box-shadow:var(--shadow-glow);outline:none}.menu-side input::placeholder{color:var(--text-secondary)}.categories{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-xl)}.categories button{background:var(--bg-secondary);border:2px solid var(--border-light);border-radius:var(--radius-full);color:var(--text-primary);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-medium);padding:var(--space-sm) var(--space-lg);transition:all .2s}.categories button:hover{border-color:var(--color-yellow);color:var(--color-yellow)}.categories button.active{background:var(--color-yellow);border-color:var(--color-yellow);color:var(--color-black);font-weight:var(--font-bold)}.items-grid{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.item-card{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);cursor:pointer;padding:var(--space-md);text-align:center;transition:all .2s}.item-card:hover{border-color:var(--color-yellow);box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.item-card img{border-radius:var(--radius-md);height:100px;margin-bottom:var(--space-sm);object-fit:cover;width:100%}.item-card h4{color:var(--text-primary);font-size:var(--text-sm);margin:0 0 var(--space-xs)}.item-card h4,.item-card p{font-weight:var(--font-semibold)}.item-card p{color:var(--color-yellow);font-size:var(--text-base);margin:0}.order-side{background:var(--bg-secondary);border-left:1px solid var(--border-light);display:flex;flex-direction:column;padding:var(--space-xl)}.order-side h2{color:var(--color-white);font-size:var(--text-xl);font-weight:var(--font-bold);margin:0 0 var(--space-xl)}.order-type-section{border-bottom:1px solid var(--border-light);margin-bottom:var(--space-lg);padding-bottom:var(--space-lg)}.order-type-section label{color:var(--text-secondary);display:block;font-size:var(--text-sm);font-weight:var(--font-semibold);margin-bottom:var(--space-sm);text-transform:uppercase}.order-type-buttons{grid-gap:var(--space-sm);display:grid;gap:var(--space-sm);grid-template-columns:repeat(3,1fr)}.order-type-buttons button{align-items:center;background:var(--bg-elevated);border:2px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:flex;flex-direction:column;font-size:var(--text-sm);font-weight:var(--font-medium);gap:4px;padding:var(--space-md);transition:all .2s}.order-type-buttons button:hover{background:var(--bg-hover);border-color:var(--color-yellow)}.order-type-buttons button.active{background:var(--color-yellow);border-color:var(--color-yellow);color:var(--color-black);font-weight:var(--font-bold)}.customer-details{border-bottom:1px solid var(--border-light);margin-bottom:var(--space-lg);padding-bottom:var(--space-lg)}.customer-input{background:var(--bg-elevated);border:2px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;font-size:var(--text-sm);margin-bottom:var(--space-sm);padding:var(--space-md);width:100%}.customer-input:focus{border-color:var(--color-yellow);box-shadow:var(--shadow-glow);outline:none}.customer-input::placeholder{color:var(--text-secondary)}.order-items{flex:1 1;margin-bottom:var(--space-lg);overflow-y:auto}.order-item{align-items:center;border-bottom:1px solid var(--border-light);padding:var(--space-md)}.order-item span:first-child{color:var(--text-primary);flex:1 1;font-size:var(--text-sm);font-weight:var(--font-medium)}.order-item div{align-items:center;display:flex;gap:var(--space-sm)}.order-item button{background:var(--bg-elevated);border:1px solid var(--border-medium);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-weight:700;height:30px;transition:all .2s;width:30px}.order-item button:hover{background:var(--color-yellow);border-color:var(--color-yellow);color:var(--color-black)}.total{border-top:2px solid var(--border-light);color:var(--color-yellow);font-size:var(--text-xl);margin-bottom:var(--space-lg)}.place-btn,.total{font-weight:var(--font-bold);padding:var(--space-lg)}.place-btn{background:var(--color-yellow);border:none;border-radius:var(--radius-lg);color:var(--color-black);cursor:pointer;font-size:var(--text-lg);text-transform:uppercase;transition:all .2s}.place-btn:hover{background:var(--yellow-600);box-shadow:var(--shadow-glow-strong);transform:translateY(-2px)}.place-btn:active{transform:translateY(0)}@media (max-width:1024px){.take-order-page{grid-template-columns:1fr}.menu-side{border-bottom:1px solid var(--border-light);border-right:none;max-height:50vh}.order-side{border-left:none}}@media (max-width:640px){.menu-side,.order-side{padding:var(--space-lg)}.items-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.order-type-buttons{grid-template-columns:1fr}}.bill-printing-container{background:var(--bg-primary);display:flex;gap:var(--space-lg);min-height:100vh;padding:var(--space-lg)}.bill-settings-panel{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);height:-webkit-fit-content;height:fit-content;padding:var(--space-xl);position:-webkit-sticky;position:sticky;top:var(--space-lg);width:320px}.bill-settings-panel h3{border-bottom:2px solid var(--border-light);color:var(--color-white);font-size:var(--text-xl);font-weight:var(--font-bold);margin-top:0;padding-bottom:var(--space-md)}.bill-settings-panel h3,.setting-item{margin-bottom:var(--space-lg)}.setting-item label{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-size:var(--text-base);gap:var(--space-md);transition:color .2s}.setting-item label:hover{color:var(--color-yellow)}.setting-item input[type=checkbox]{accent-color:var(--color-yellow);cursor:pointer;height:18px;width:18px}.customer-details-edit{border-top:2px solid var(--border-light);margin-top:var(--space-xl);padding-top:var(--space-lg)}.customer-details-edit h4{color:var(--color-white);font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--space-lg);margin-top:0}.edit-form{display:flex;flex-direction:column;gap:var(--space-md)}.edit-form input{background:var(--bg-elevated);border:2px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-sm);padding:var(--space-md);transition:border-color .2s}.edit-form input:focus{border-color:var(--color-yellow);box-shadow:var(--shadow-glow);outline:none}.edit-actions{display:flex;gap:var(--space-sm);margin-top:var(--space-sm)}.btn-cancel,.btn-save{border:none;border-radius:var(--radius-md);cursor:pointer;flex:1 1;font-size:var(--text-sm);font-weight:var(--font-semibold);padding:var(--space-sm) var(--space-lg);transition:all .2s}.btn-save{background:var(--color-yellow);color:var(--color-black)}.btn-save:hover{background:var(--yellow-600);box-shadow:var(--shadow-glow)}.btn-cancel{background:var(--bg-elevated);border:1px solid var(--border-light);color:var(--text-primary)}.btn-cancel:hover{background:var(--bg-hover)}.view-details{color:var(--text-secondary);font-size:var(--text-sm)}.view-details p{margin:var(--space-sm) 0}.btn-edit{background:var(--color-yellow);border:none;border-radius:var(--radius-md);color:var(--color-black);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-semibold);margin-top:var(--space-md);padding:var(--space-sm) var(--space-lg);transition:all .2s}.btn-edit:hover{background:var(--yellow-600);box-shadow:var(--shadow-glow)}.payment-method-selector{border-top:2px solid var(--border-light);margin-top:var(--space-xl);padding-top:var(--space-lg)}.payment-method-selector h4{color:var(--color-white);font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--space-lg);margin-top:0}.payment-options{gap:var(--space-md)}.payment-option{background:var(--bg-elevated);border:2px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-medium);padding:var(--space-md) var(--space-lg);text-align:left;transition:all .2s}.payment-option:hover{background:var(--bg-hover);border-color:var(--color-yellow)}.payment-option.active{background:var(--color-yellow);border-color:var(--color-yellow);color:var(--color-black);font-weight:var(--font-bold)}.action-buttons{display:flex;flex-direction:column;gap:var(--space-md);margin-top:var(--space-xl)}.btn-complete,.btn-print{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:var(--text-base);font-weight:var(--font-bold);gap:var(--space-sm);justify-content:center;letter-spacing:.5px;padding:var(--space-lg);text-transform:uppercase;transition:all .2s}.btn-print{color:var(--color-black)}.btn-print:hover{background:var(--yellow-600);box-shadow:var(--shadow-glow-strong)}.btn-complete{background:var(--bg-elevated);border:2px solid var(--border-light);color:var(--text-primary)}.btn-complete:hover{background:var(--bg-hover);border-color:var(--color-yellow);box-shadow:var(--shadow-card);transform:translateY(-2px)}.bill-preview{display:flex;flex:1 1;justify-content:center;padding:var(--space-lg)}.bill-document{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-card-hover);max-width:600px;padding:40px;width:100%}.bill-logo{margin-bottom:var(--space-xl);text-align:center}.bill-logo img{max-height:80px;max-width:180px;object-fit:contain}.bill-header{border-bottom:2px solid var(--color-black);margin-bottom:var(--space-lg);padding-bottom:var(--space-lg);text-align:center}.bill-header h1{color:var(--color-black);font-size:28px;font-weight:var(--font-bold);margin:0 0 var(--space-sm) 0}.bill-type{color:#6b7280;font-size:var(--text-sm);font-weight:var(--font-semibold);letter-spacing:1px;margin:var(--space-xs) 0;text-transform:uppercase}.tax-info{background:var(--color-yellow);border-radius:var(--radius-md);display:inline-block;margin:var(--space-md) 0;padding:var(--space-md)}.tax-info p{color:var(--color-black);font-size:var(--text-sm);font-weight:var(--font-semibold);margin:4px 0}.address,.contact{color:#6b7280;font-size:var(--text-sm);margin:6px 0}.bill-meta{background:#f9fafb;border:2px solid var(--color-black);border-radius:var(--radius-md);margin-bottom:var(--space-xl);padding:var(--space-lg)}.meta-row{align-items:center;color:var(--color-black);display:flex;font-size:var(--text-sm);font-weight:var(--font-medium);justify-content:space-between;margin:6px 0}.customer-info{background:var(--color-yellow);border:2px solid var(--color-black);border-radius:var(--radius-md);margin-bottom:var(--space-xl);padding:var(--space-lg)}.customer-info h3{color:var(--color-black);font-size:var(--text-lg);font-weight:var(--font-bold);margin:0 0 var(--space-md) 0}.customer-info p{color:var(--color-black);font-size:var(--text-sm);font-weight:var(--font-medium);margin:6px 0}.bill-items-table{border-collapse:collapse;margin-bottom:var(--space-xl);width:100%}.bill-items-table thead{background:var(--color-black);border-bottom:2px solid var(--color-black);border-top:2px solid var(--color-black)}.bill-items-table th{color:var(--color-white);font-size:var(--text-xs);font-weight:var(--font-bold);letter-spacing:.5px;padding:var(--space-md) var(--space-sm);text-align:left;text-transform:uppercase}.bill-items-table td:last-child,.bill-items-table th:last-child{text-align:right}.bill-items-table tbody tr{border-bottom:1px solid #e5e7eb}.bill-items-table tbody tr:last-child{border-bottom:2px solid var(--color-black)}.bill-items-table td{color:var(--color-black);font-size:var(--text-sm);padding:var(--space-md) var(--space-sm)}.item-name-section{display:flex;flex-direction:column;gap:4px}.customization{color:#6b7280;font-size:var(--text-xs);font-style:italic}.text-center{text-align:center!important}.text-right{text-align:right!important}.bill-summary{border-top:2px solid var(--color-black);margin-bottom:var(--space-xl);padding-top:var(--space-lg)}.summary-row{color:var(--color-black);font-size:var(--text-base);font-weight:var(--font-medium);padding:var(--space-sm) 0}.summary-row.discount{color:#059669}.summary-row.grand-total{background:var(--color-yellow);border-radius:var(--radius-md);border-top:2px solid var(--color-black);color:var(--color-black);font-size:var(--text-xl);font-weight:var(--font-bold);margin-top:var(--space-md);padding:var(--space-md)}.upi-qr-section{background:#f9fafb;border:2px dashed var(--color-black);border-radius:var(--radius-lg);margin-bottom:var(--space-xl);padding:var(--space-xl);text-align:center}.upi-qr-section h4{color:var(--color-black);font-size:var(--text-lg);font-weight:var(--font-bold);margin:0 0 var(--space-lg) 0}.qr-code{display:block;margin:0 auto;max-width:200px}.qr-instruction{color:#6b7280;font-size:var(--text-sm);font-weight:var(--font-medium);margin-top:var(--space-md)}.bill-footer{border-top:2px solid var(--color-black);padding-top:var(--space-lg);text-align:center}.bill-footer p{color:var(--color-black);font-size:var(--text-base);font-weight:var(--font-semibold);margin:6px 0}.footer-note{font-style:italic}.footer-note,.served-by{color:#6b7280;font-size:var(--text-sm)}.served-by{margin-top:var(--space-md)}.bill-loading{align-items:center;background:var(--bg-primary);display:flex;flex-direction:column;justify-content:center;min-height:100vh}.loading-spinner{border:4px solid var(--black-300);border-radius:var(--radius-full);border-top-color:var(--color-yellow)}.bill-loading p{color:var(--text-secondary);font-size:var(--text-base);margin-top:var(--space-lg)}@media print{.bill-printing-container{background:#fff;padding:0}.bill-settings-panel{display:none}.bill-preview{padding:0}.bill-document{border-radius:0;box-shadow:none;max-width:100%;padding:20px}.bill-header h1{font-size:24px}.qr-code{max-width:150px}}@media (max-width:1024px){.bill-printing-container{flex-direction:column}.bill-settings-panel{position:relative;top:0;width:100%}.bill-preview{padding:0}}@media (max-width:640px){.bill-document{padding:var(--space-xl)}.bill-header h1{font-size:22px}.action-buttons,.payment-options{flex-direction:column}}.day-report-container{background:var(--bg-primary);min-height:100vh}.report-main{margin:0 auto;max-width:1600px;overflow-y:auto;padding:var(--space-2xl)}@media (max-width:768px){.report-main{padding:var(--space-lg);padding-bottom:80px}}.report-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-lg);justify-content:space-between;margin-bottom:var(--space-2xl)}.header-left p{font-size:16px}.header-actions{flex-wrap:wrap;gap:12px}.date-picker,.filter-select{background:var(--bg-secondary);border:1px solid #d1d5db;border-radius:8px;cursor:pointer;font-size:14px;padding:10px 14px}.btn-export,.btn-print{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.btn-export{background:var(--color-yellow);color:#fff}.btn-export:hover{background:#059669;transform:translateY(-2px)}.btn-print{background:var(--color-yellow);color:#fff}.btn-print:hover{background:#1d4ed8;transform:translateY(-2px)}.report-content{background:var(--bg-secondary);border-radius:16px;box-shadow:0 2px 8px #00000014;padding:32px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.stat-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 4px 12px #667eea4d;color:#fff;gap:20px;padding:24px}.stat-card.revenue-card{background:linear-gradient(135deg,var(--color-yellow) 0,#059669 100%)}.stat-card.orders-card{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.stat-card.avg-card{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-card.completed-card{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.stat-icon{font-size:48px;line-height:1}.stat-info{flex:1 1}.stat-value{font-size:32px}.stat-label{font-size:14px;letter-spacing:.5px;opacity:.9;text-transform:uppercase}.report-section{border-bottom:2px solid #e5e7eb;margin-bottom:32px;padding-bottom:32px}.report-section:last-child{border-bottom:none}.report-section h2{color:var(--color-white);font-size:22px;margin:0 0 20px}.status-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.status-item{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;padding:20px;text-align:center}.status-count{color:var(--color-white);font-size:36px;font-weight:700;margin-bottom:8px}.status-label{color:#6b7280;font-size:13px;text-transform:capitalize}.payment-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.payment-item{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;padding:20px}.payment-method{align-items:center;color:#6b7280;font-size:14px;font-weight:600;gap:8px;margin-bottom:12px}.payment-amount{color:var(--color-yellow);font-size:28px;font-weight:700}.report-table{border-collapse:collapse;font-size:14px;width:100%}.report-table thead{background:#f3f4f6;border-bottom:2px solid #d1d5db}.report-table th{color:#374151;font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.report-table tbody tr{border-bottom:1px solid #e5e7eb}.report-table tbody tr:hover{background:#f9fafb}.report-table td{color:var(--color-white);padding:14px 16px}.rank-cell{color:#667eea;font-weight:700}.item-name,.quantity-cell,.waiter-name{font-weight:600}.quantity-cell{color:#3b82f6}.revenue-cell{color:var(--color-yellow);font-weight:700}.order-number{color:#374151;font-weight:700}.items-count{text-align:center}.total-amount{color:var(--color-yellow);font-weight:700}.order-time{color:#6b7280;font-size:13px}.status-badge{display:inline-block;font-size:11px}.status-pending{background:#fef3c7;color:#92400e}.status-in_progress{background:#dbeafe;color:#1e40af}.status-prepared{background:#e9d5ff;color:#6b21a8}.status-completed{background:#d1fae5;color:#065f46}.status-cancelled{background:#fee2e2;color:#991b1b}.report-loading{align-items:center;background:var(--bg-primary);flex-direction:column;justify-content:center;min-height:100vh}.report-loading p{color:#6b7280;font-size:16px;margin-top:16px}@media print{.day-report-container{background:var(--bg-secondary)}.header-actions,.waiter-sidebar{display:none!important}.report-main{padding:0}.report-content{border-radius:0;box-shadow:none}.stat-card{print-color-adjust:exact;-webkit-print-color-adjust:exact}.report-section{page-break-inside:avoid}.report-table{font-size:12px}.report-table td,.report-table th{padding:8px 12px}}@media (max-width:1024px){.payment-grid,.stats-grid,.status-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.report-main{padding:16px}.report-header{align-items:flex-start;flex-direction:column}.header-actions{flex-direction:column;width:100%}.btn-export,.btn-print,.date-picker,.filter-select{width:100%}.payment-grid,.stats-grid,.status-grid{grid-template-columns:1fr}.report-content{padding:20px}.stat-value{font-size:24px}.report-table{font-size:12px}.report-table td,.report-table th{padding:8px}}.terminal-management-container{background:var(--bg-primary);min-height:100vh}.terminal-main-content{margin:0 auto;max-width:1400px;overflow-y:auto;padding:var(--space-2xl)}@media (max-width:768px){.terminal-main-content{padding:var(--space-lg);padding-bottom:80px}}.terminal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.terminal-header .header-left h1{color:var(--color-white);font-size:28px;margin:0 0 8px}.terminal-header .header-left p{color:#6b7280;font-size:15px;margin:0}.btn-add-terminal{background:var(--color-yellow);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .2s}.btn-add-terminal:hover{background:#1d4ed8;box-shadow:0 4px 12px #2563eb4d;transform:translateY(-2px)}.current-terminal-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 10px 30px #667eea4d;margin-bottom:32px;overflow:hidden;padding:24px;position:relative}.current-terminal-card:before{background:#ffffff1a;border-radius:50%;content:"";height:300px;position:absolute;right:-20%;top:-50%;width:300px}.current-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:20px;color:#fff;display:inline-block;font-size:12px;font-weight:700;letter-spacing:1px;margin-bottom:16px;padding:6px 14px}.current-terminal-info{align-items:center;display:flex;gap:20px;position:relative;z-index:1}.terminal-icon{font-size:48px;line-height:1}.terminal-details{flex:1 1}.terminal-details h3{color:#fff;font-size:24px;margin:0 0 8px}.terminal-details p{color:#ffffffe6;font-size:14px;margin:4px 0}.terminal-location{color:#fffc!important;font-size:13px!important}.status-indicator{border-radius:8px;color:#fff;font-size:13px;font-weight:700;letter-spacing:1px;padding:10px 20px;text-transform:uppercase}.terminals-grid{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:var(--space-2xl)}@media (min-width:1400px){.terminals-grid{grid-template-columns:repeat(3,1fr)}}.terminal-card{background:var(--bg-secondary);border:2px solid #0000;border-radius:12px;box-shadow:0 2px 8px #00000014;cursor:pointer;padding:20px;transition:all .3s}.terminal-card:hover{border-color:var(--color-yellow);box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.terminal-card.active{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:var(--color-yellow)}.terminal-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.terminal-icon-large{font-size:40px}.terminal-number{background:#1f2937;border-radius:6px;color:#fff;font-size:14px;font-weight:700;padding:6px 14px}.terminal-card-body h3{color:var(--color-white);font-size:20px;margin:0 0 8px}.terminal-type{color:#6b7280;font-size:14px;margin:4px 0}.terminal-description{color:#9ca3af;font-size:13px;font-style:italic;margin-top:8px}.terminal-card-footer{align-items:center;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-top:16px;padding-top:16px}.status-badge{border-radius:6px;color:#fff;font-size:12px;font-weight:600;padding:6px 12px;text-transform:uppercase}.terminal-actions{align-items:center;display:flex;gap:8px}.status-select{background:var(--bg-secondary);border:1px solid #d1d5db;border-radius:6px;font-size:12px}.btn-delete,.status-select{cursor:pointer;padding:6px 10px}.btn-delete{background:#ef4444;border:none;border-radius:6px;color:#fff;font-size:14px;transition:background .2s}.btn-delete:hover{background:#dc2626}.last-active{color:#9ca3af;font-size:11px;margin-top:12px;text-align:right}.no-terminals{background:var(--bg-secondary);border-radius:12px;box-shadow:0 2px 8px #00000014;padding:60px 20px;text-align:center}.no-terminals h3{color:var(--color-white);font-size:20px;margin:0 0 8px}.no-terminals p{color:#6b7280;margin:0}.terminal-info-panel{background:var(--bg-secondary);border-radius:12px;box-shadow:0 2px 8px #00000014;padding:24px}.terminal-info-panel h3{color:var(--color-white);font-size:20px;margin:0 0 20px}.info-grid{grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:24px}.info-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;padding:20px;text-align:center}.info-number{font-size:36px;font-weight:700;margin-bottom:8px}.info-label{opacity:.9}.sync-features{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:20px}.sync-features h4{color:var(--color-white);font-size:16px;margin:0 0 12px}.sync-features ul{list-style:none;margin:0;padding:0}.sync-features li{color:#374151;font-size:14px;padding:8px 0}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:var(--bg-secondary);border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;padding:32px;width:90%}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.modal-header h2{color:var(--color-white);font-size:24px;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.modal-close:hover{background:#f3f4f6;color:var(--color-white)}.terminal-form{gap:20px}.form-group,.terminal-form{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#374151}.form-group input,.form-group select,.form-group textarea{border:1px solid #d1d5db;border-radius:8px;font-size:15px;padding:12px 14px;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-yellow);outline:none}.modal-actions{display:flex;gap:12px;margin-top:8px}.btn-cancel,.btn-submit{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:12px 24px;transition:all .2s}.btn-cancel{background:#f3f4f6;color:#374151}.btn-cancel:hover{background:#e5e7eb}.btn-submit{background:var(--color-yellow);color:#fff}.btn-submit:hover{background:#1d4ed8;box-shadow:0 4px 12px #2563eb4d;transform:translateY(-2px)}.terminal-loading{align-items:center;background:var(--bg-primary);display:flex;flex-direction:column;justify-content:center;min-height:100vh}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top:4px solid var(--color-yellow);height:50px;width:50px}.terminal-loading p{color:#6b7280;font-size:16px;margin-top:16px}@media (max-width:768px){.terminal-header{align-items:flex-start;flex-direction:column;gap:16px}.btn-add-terminal{width:100%}.terminals-grid{grid-template-columns:1fr}.current-terminal-info{flex-direction:column;text-align:center}.info-grid{grid-template-columns:repeat(2,1fr)}}.master-pos-container{background:var(--bg-primary);font-family:var(--font-sans);min-height:100vh}.master-pos-main{margin:0 auto;max-width:1600px;overflow-y:auto;padding:var(--space-2xl)}@media (max-width:768px){.master-pos-main{padding:var(--space-lg);padding-bottom:80px}}.master-pos-loading{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:var(--space-lg);justify-content:center}.master-pos-header{align-items:center;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:32px;padding-bottom:20px}.header-left h1{align-items:center;color:var(--color-white);font-size:32px;font-weight:700;gap:12px;margin:0 0 8px}.header-left p{color:#6b7280;font-size:14px;margin:0}.header-right{align-items:center;gap:12px}.outlet-badge{background:linear-gradient(135deg,var(--color-yellow) 0,#1e8b7f 100%);border-radius:8px;box-shadow:0 2px 8px #26a69a4d;color:#fff}.current-terminal-badge,.outlet-badge{font-size:14px;font-weight:600;padding:10px 20px}.current-terminal-badge{background:var(--bg-secondary);border:2px solid var(--color-yellow);border-radius:8px;color:var(--color-yellow)}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:32px}.stat-card{align-items:center;background:var(--bg-secondary);border-left:4px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;gap:16px;padding:20px;transition:all .3s}.stat-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.stat-card.active{border-left-color:var(--color-yellow)}.stat-card.pending{border-left-color:#ff9800}.stat-card.kitchen{border-left-color:#4caf50}.stat-card.ready{border-left-color:#9c27b0}.stat-icon{align-items:center;background:#f9fafb;border-radius:12px;font-size:36px;height:60px;justify-content:center;width:60px}.stat-content{flex:1 1}.stat-value{color:var(--color-white);font-size:28px;font-weight:700;margin-bottom:4px}.stat-label{color:#6b7280;font-size:13px;font-weight:500}.terminals-section{margin-bottom:32px}.terminals-section h2{color:var(--color-white);font-size:20px;font-weight:600;margin:0 0 20px}.terminals-bills-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.terminal-bill-card{background:var(--bg-secondary);border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:all .3s}.terminal-bill-card:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-4px)}.bill-card-header{background:linear-gradient(135deg,var(--color-yellow) 0,#1e8b7f 100%);color:#fff;padding:16px 20px}.bill-number{font-size:18px;font-weight:700;margin-bottom:8px}.terminal-info{align-items:center;font-size:13px;justify-content:space-between;opacity:.95}.terminal-name{font-weight:500}.terminal-num{background:#fff3;border-radius:6px;font-weight:600;padding:4px 12px}.bill-card-body{min-height:200px;padding:20px}.bill-summary{border-bottom:2px dashed #e5e7eb;justify-content:space-between;margin-bottom:16px;padding-bottom:16px}.summary-item{flex-direction:column;gap:4px}.summary-item .label{color:#6b7280;font-size:12px;font-weight:500}.summary-item .value{color:var(--color-white);font-size:20px;font-weight:700}.orders-list-compact{flex-direction:column;gap:12px}.order-item-compact{align-items:center;background:#f9fafb;border-radius:8px;justify-content:space-between;padding:12px;transition:all .2s}.order-item-compact:hover{background:#f3f4f6}.order-item-left{align-items:center;gap:12px}.order-item-left .order-num{color:var(--color-white);font-size:14px;font-weight:600}.order-item-left .table-num{background:var(--bg-secondary);border-radius:4px;color:#6b7280;font-size:12px;padding:4px 8px}.order-item-right{align-items:center;gap:12px}.order-amount{color:var(--color-white);font-size:14px;font-weight:600}.order-status-badge{border-radius:6px;font-size:11px;font-weight:600;padding:4px 10px}.more-orders{color:#6b7280;font-size:13px;font-style:italic;padding:12px;text-align:center}.no-orders-in-terminal{align-items:center;flex-direction:column;gap:12px;justify-content:center;padding:40px 20px}.no-orders-icon{font-size:48px}.no-orders-in-terminal p{color:#9ca3af;font-size:14px;margin:0}.bill-card-footer{background:#f9fafb;border-top:1px solid #e5e7eb;padding:16px 20px}.btn-view-terminal{background:var(--bg-secondary);border:1.5px solid var(--color-yellow);border-radius:8px;color:var(--color-yellow);cursor:pointer;font-size:14px;font-weight:600;padding:10px;transition:all .2s;width:100%}.btn-view-terminal:hover{background:var(--color-yellow);color:#fff}.no-terminals-message{background:var(--bg-secondary);border-radius:12px;box-shadow:0 1px 3px #0000001a;grid-column:1/-1;padding:60px 20px;text-align:center}.no-terminals-message h3{color:var(--color-white);font-size:18px;margin:0 0 8px}.no-terminals-message p{color:#6b7280;font-size:14px;margin:0}.all-orders-section{background:var(--bg-secondary);border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.orders-header{align-items:center;border-bottom:2px solid #e5e7eb;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.orders-header h2{color:var(--color-white);font-size:20px;font-weight:600;margin:0}.orders-tabs{gap:8px}.orders-tab{align-items:center;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.orders-tab:hover{background:#f3f4f6;border-color:var(--color-yellow)}.orders-tab.active{background:var(--color-yellow);border-color:var(--color-yellow);color:#fff}.tab-count{background:#0000001a;border-radius:4px;font-size:12px;font-weight:600;padding:2px 8px}.orders-tab.active .tab-count{background:#fff3}.orders-table{width:100%}.table-header,.table-row{grid-gap:16px;align-items:center;display:grid;gap:16px;grid-template-columns:1fr .8fr 1fr .8fr 1fr 1fr 1fr;padding:12px 16px}.table-header{background:#f9fafb;border-radius:8px;color:#6b7280;font-size:13px;font-weight:600;text-transform:uppercase}.table-row{border-bottom:1px solid #f3f4f6;color:var(--color-white);font-size:14px;transition:all .2s}.table-row:hover{background:#f9fafb}.col{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-pill{border-radius:6px;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px}.no-orders-row{padding:60px 20px;text-align:center}.no-orders-row p{color:#9ca3af;font-size:14px;margin:0}.spinner{border:4px solid #e5e7eb;border-top:4px solid var(--color-yellow);height:50px;width:50px}@media (max-width:1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}.terminals-bills-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){.master-pos-header{align-items:flex-start;flex-direction:column;gap:16px}.header-right{width:100%}.stats-grid,.table-header,.table-row,.terminals-bills-grid{grid-template-columns:1fr}.table-header,.table-row{gap:8px}.col{white-space:normal}}.waiter-app{background:var(--bg-primary);color:var(--text-primary);display:flex;font-family:var(--font-sans);min-height:100vh;position:relative}.waiter-main-content{min-width:0;overflow-x:hidden}@media (min-width:769px){.waiter-main-content{margin-left:280px}}.waiter-sidebar{background:var(--bg-secondary);border-right:1px solid var(--border-light);bottom:0;display:flex;flex-direction:column;left:0;position:fixed;top:0;transition:transform .3s ease;width:280px;z-index:100}@media (max-width:768px){.waiter-sidebar{transform:translateX(-100%)}.waiter-sidebar.mobile-open{transform:translateX(0)}}.sidebar-header{border-bottom:1px solid var(--border-light);padding:var(--space-xl)}.sidebar-header h2{align-items:center;color:var(--color-white);display:flex;font-size:var(--text-2xl);font-weight:var(--font-bold);gap:var(--space-sm);margin:0 0 var(--space-xs) 0}.sidebar-header p{color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);margin:0}.sidebar-menu{display:flex;flex:1 1;flex-direction:column;gap:var(--space-sm);overflow-y:auto;padding:var(--space-lg)}.sidebar-menu button{align-items:center;background:#0000;border:none;border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--text-base);font-weight:var(--font-medium);gap:var(--space-md);min-height:48px;padding:var(--space-md) var(--space-lg);text-align:left;transition:all .2s}.sidebar-menu button .icon{font-size:var(--text-2xl);text-align:center;width:32px}.sidebar-menu button .label{flex:1 1}.sidebar-menu button:hover{background:var(--bg-hover);color:var(--color-white)}.sidebar-menu button.active{background:var(--color-yellow);color:var(--color-black);font-weight:var(--font-bold)}.sidebar-footer{border-top:1px solid var(--border-light);padding:var(--space-xl)}.user-info{background:var(--bg-elevated);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-md);padding:var(--space-md)}.user-info span:first-child{color:var(--color-white);font-size:var(--text-base);font-weight:var(--font-semibold)}.user-info .role{color:var(--text-secondary);font-size:var(--text-sm)}.logout-btn{align-items:center;background:#0000;border:1px solid var(--border-medium);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--text-base);font-weight:var(--font-semibold);gap:var(--space-sm);justify-content:center;min-height:44px;padding:var(--space-md);transition:all .2s;width:100%}.logout-btn:hover{background:var(--bg-hover);border-color:var(--border-dark);color:var(--color-white)}.waiter-bottom-nav{background:var(--bg-secondary);border-top:1px solid var(--border-light);bottom:0;display:none;left:0;padding:var(--space-sm) var(--space-md);padding-bottom:max(var(--space-sm),env(safe-area-inset-bottom));position:fixed;right:0;z-index:100}@media (max-width:768px){.waiter-bottom-nav{grid-gap:var(--space-xs);display:grid;gap:var(--space-xs);grid-template-columns:repeat(5,1fr)}}.waiter-bottom-nav button{align-items:center;background:#0000;border:none;color:var(--text-secondary);cursor:pointer;display:flex;flex-direction:column;font-size:var(--text-xs);font-weight:var(--font-medium);gap:var(--space-xs);min-height:56px;padding:var(--space-sm);transition:all .2s}.waiter-bottom-nav button .icon{font-size:var(--text-2xl)}.waiter-bottom-nav button .label{font-size:11px}.waiter-bottom-nav button.active{color:var(--color-yellow)}.waiter-main-content{background:var(--bg-primary);flex:1 1;margin-left:280px;min-height:100vh;padding-bottom:80px}@media (max-width:768px){.waiter-main-content{margin-left:0}}.waiter-loading{align-items:center;background:var(--bg-primary);display:flex;flex-direction:column;gap:var(--space-xl);justify-content:center;min-height:100vh}.waiter-loading .loading-spinner{animation:spin .8s linear infinite;border:4px solid var(--black-300);border-radius:var(--radius-full);border-top-color:var(--color-yellow);height:64px;width:64px}.waiter-loading p{color:var(--text-secondary);font-size:var(--text-lg);font-weight:var(--font-medium);margin:0}.page-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-light);padding:var(--space-xl) var(--space-xl) var(--space-lg);position:-webkit-sticky;position:sticky;top:0;z-index:50}.page-title{align-items:center;color:var(--color-white);display:flex;font-size:var(--text-3xl);font-weight:var(--font-bold);gap:var(--space-md);margin:0 0 var(--space-xs) 0}.page-subtitle{color:var(--text-secondary);font-size:var(--text-base);font-weight:var(--font-medium);margin:0}@media (max-width:640px){.page-header{padding:var(--space-lg)}.page-title{font-size:var(--text-2xl)}}.mobile-menu-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);color:var(--color-white);cursor:pointer;display:none;font-size:var(--text-2xl);height:48px;justify-content:center;left:var(--space-lg);position:fixed;top:var(--space-lg);width:48px;z-index:101}@media (max-width:768px){.mobile-menu-btn{display:flex}}.mobile-sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:99}@media (max-width:768px){.mobile-sidebar-overlay.active{display:block}}.hide-mobile{display:block}@media (max-width:768px){.hide-mobile{display:none}}.show-mobile{display:none}@media (max-width:768px){.show-mobile{display:block}}.waiter-mobile-overlay{animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;bottom:0;left:0;position:fixed;right:0;top:0;z-index:200}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.waiter-mobile-menu{animation:slideInLeft .3s ease-out;background:var(--bg-secondary);bottom:0;box-shadow:var(--shadow-card-hover);left:0;position:fixed;top:0;width:280px}@keyframes slideInLeft{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.mobile-menu-header{align-items:center;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:var(--space-lg)}.mobile-menu-header h2{color:var(--color-yellow);font-size:var(--text-xl);font-weight:var(--font-bold);margin:0}.close-mobile-menu{align-items:center;background:var(--bg-elevated);border:none;border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:flex;font-size:var(--text-2xl);height:40px;justify-content:center;transition:all .2s;width:40px}.close-mobile-menu:hover{background:var(--color-yellow);color:var(--color-black)}.mobile-menu-content{display:flex;flex-direction:column;height:calc(100% - 70px);overflow-y:auto}.user-info-mobile{background:var(--bg-elevated);border-radius:var(--radius-lg);gap:var(--space-md);margin:var(--space-md);padding:var(--space-lg)}.user-avatar,.user-info-mobile{align-items:center;display:flex}.user-avatar{background:var(--color-yellow);border-radius:var(--radius-full);color:var(--color-black);font-size:var(--text-xl);font-weight:var(--font-bold);height:48px;justify-content:center;width:48px}.user-name{color:var(--color-white);font-size:var(--text-base);font-weight:var(--font-semibold)}.user-role{color:var(--text-secondary);font-size:var(--text-sm)}.mobile-menu-items{display:flex;flex:1 1;flex-direction:column;gap:var(--space-xs);padding:var(--space-md)}.mobile-menu-items button{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:flex;font-size:var(--text-base);font-weight:var(--font-medium);gap:var(--space-md);padding:var(--space-md) var(--space-lg);text-align:left;transition:all .2s}.mobile-menu-items button:hover{background:var(--bg-hover)}.mobile-menu-items button.active{background:var(--color-yellow);color:var(--color-black);font-weight:var(--font-bold)}.mobile-menu-items button .icon{font-size:var(--text-xl)}.logout-btn-mobile{align-items:center;background:var(--bg-elevated);border:2px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:flex;font-size:var(--text-base);font-weight:var(--font-semibold);gap:var(--space-sm);justify-content:center;margin:var(--space-lg);padding:var(--space-md);transition:all .2s}.logout-btn-mobile:hover{background:var(--color-yellow);border-color:var(--color-yellow);color:var(--color-black)}.waiter-mobile-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-light);display:none;height:60px;justify-content:space-between;left:0;padding:0 var(--space-lg);position:fixed;right:0;top:0;z-index:100}@media (max-width:768px){.waiter-mobile-header{display:flex}}.hamburger-btn{align-items:center;background:var(--bg-elevated);border:none;border-radius:var(--radius-md);color:var(--color-yellow);cursor:pointer;display:flex;font-size:var(--text-2xl);height:44px;justify-content:center;transition:all .2s;width:44px}.hamburger-btn:hover{background:var(--color-yellow);color:var(--color-black)}.waiter-mobile-header h1{color:var(--color-white);font-size:var(--text-lg);font-weight:var(--font-bold);margin:0}.header-spacer{width:44px}@supports (padding:max(0px)){.waiter-sidebar{padding-left:max(0px,env(safe-area-inset-left))}.waiter-bottom-nav{padding-bottom:max(var(--space-md),env(safe-area-inset-bottom));padding-left:max(var(--space-md),env(safe-area-inset-left));padding-right:max(var(--space-md),env(safe-area-inset-right))}.waiter-mobile-header{padding-top:max(0px,env(safe-area-inset-top))}}.scan-table-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.scan-container{max-width:500px;width:100%}.brand-header{color:#fff;margin-bottom:40px;text-align:center}.brand-header h1{font-size:36px;font-weight:700;margin:0 0 10px;text-shadow:0 2px 10px #0003}.brand-header p{font-size:18px;font-weight:500;margin:0;opacity:.9}.scan-section{background:#fff;border-radius:20px;box-shadow:0 10px 40px #0003;padding:40px 30px}.qr-scanner-placeholder{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:16px;margin-bottom:30px;padding:40px 20px;text-align:center}.scanner-icon{animation:pulse 2s infinite;font-size:80px;margin-bottom:20px}.qr-scanner-placeholder h2{color:#2c3e50;font-size:24px;font-weight:700;margin:0 0 10px}.qr-scanner-placeholder p{color:#7f8c8d;font-size:15px;margin:0}.btn-scan{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea66;color:#fff;cursor:pointer;font-size:18px;font-weight:600;padding:16px;transition:all .3s ease;width:100%}.btn-scan:hover{box-shadow:0 6px 20px #667eea80;transform:translateY(-2px)}.divider{margin:25px 0;position:relative;text-align:center}.divider:after,.divider:before{background:#e0e0e0;content:"";height:1px;position:absolute;top:50%;width:40%}.divider:before{left:0}.divider:after{right:0}.divider span{color:#95a5a6;font-size:14px;padding:0 15px}.btn-manual,.divider span{background:#fff;font-weight:600}.btn-manual{border:2px solid #667eea;border-radius:12px;color:#667eea;cursor:pointer;font-size:16px;padding:14px;transition:all .3s ease;width:100%}.btn-manual:hover{background:#f0f0ff;transform:translateY(-2px)}.manual-entry-section{background:#fff;border-radius:20px;box-shadow:0 10px 40px #0003;padding:40px 30px}.back-btn{align-items:center;color:#667eea;display:inline-flex;margin-bottom:20px}.back-btn:hover{transform:translateX(-5px)}.manual-entry-section h2{color:#2c3e50;font-size:28px;font-weight:700;margin:0 0 10px}.manual-entry-section>p{color:#7f8c8d;font-size:15px;margin:0 0 30px}.input-group{margin-bottom:25px}.input-group input{border:2px solid #e0e0e0;border-radius:12px;font-size:18px;padding:16px;transition:all .3s ease;width:100%}.input-group input:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;outline:none}.input-group input.error{border-color:#e74c3c}.error-message{color:#e74c3c;font-size:14px;font-weight:500;margin-top:8px}.btn-continue{align-items:center;background:linear-gradient(135deg,#2ecc71,#27ae60);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:600;gap:10px;justify-content:center;padding:16px;transition:all .3s ease;width:100%}.btn-continue:hover:not(:disabled){box-shadow:0 6px 20px #2ecc7166;transform:translateY(-2px)}.btn-continue:disabled{cursor:not-allowed;opacity:.6}.help-section{background:#f8f9fa;border-radius:12px;margin-top:30px;padding:20px}.help-section h3{color:#2c3e50;font-size:18px;font-weight:600;margin:0 0 15px}.help-section ul{color:#555;margin:0;padding-left:20px}.help-section li{font-size:14px;line-height:1.6;margin:8px 0}.features-section{background:#fff;border-radius:20px;box-shadow:0 4px 20px #0000001a;margin-top:40px;padding:30px}.features-section h3{color:#2c3e50;font-size:22px;font-weight:700;margin:0 0 25px;text-align:center}.features-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.feature-card{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:12px;padding:20px;text-align:center;transition:all .3s ease}.feature-card:hover{box-shadow:0 6px 20px #00000026;transform:translateY(-4px)}.feature-icon{font-size:36px;margin-bottom:10px}.feature-card h4{color:#2c3e50;font-size:16px;font-weight:700;margin:0 0 5px}.feature-card p{color:#7f8c8d;font-size:13px;margin:0}.footer-info{color:#fff;margin-top:30px;text-align:center}.footer-info p{font-size:16px;font-weight:500;margin:8px 0}.restaurant-info{opacity:.9}.restaurant-info a{color:#fff;font-weight:600;margin:0 10px;text-decoration:none;transition:opacity .3s ease}.restaurant-info a:hover{opacity:.8}@media (max-width:768px){.brand-header h1{font-size:28px}.features-section,.manual-entry-section,.scan-section{padding:30px 20px}.features-grid{grid-template-columns:1fr}.qr-scanner-placeholder{padding:30px 15px}.scanner-icon{font-size:60px}}.table-menu-page{background:#f5f7fa;min-height:100vh;padding-bottom:100px}.menu-header{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 10px #0000001a;color:#fff;justify-content:space-between;padding:20px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.menu-header,.table-info{align-items:center;display:flex}.table-info{gap:15px}.table-info h2{font-size:20px;font-weight:700;margin:0 0 4px}.table-info p{font-size:13px;margin:0;opacity:.9}.header-actions{display:flex;gap:10px}.veg-toggle{background:#fff3;border:2px solid #fff;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .3s ease}.veg-toggle.active{background:#fff;color:#27ae60}.search-section{background:#fff;border-bottom:1px solid #e0e0e0;padding:15px 20px}.search-input-wrapper{position:relative}.search-input{border:2px solid #e0e0e0;border-radius:10px;font-size:15px;padding:12px 40px 12px 16px;transition:all .3s ease;width:100%}.search-input:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;outline:none}.clear-search{align-items:center;background:#95a5a6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:24px;justify-content:center;position:absolute;right:12px;top:50%;transform:translateY(-50%);width:24px}.category-tabs{background:#fff;border-bottom:2px solid #f0f0f0;display:flex;gap:10px;overflow-x:auto;padding:15px 20px;scrollbar-width:none}.category-tabs::-webkit-scrollbar{display:none}.category-tab{background:#f8f9fa;border:none;border-radius:20px;color:#555;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease;white-space:nowrap}.category-tab.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d;color:#fff}.menu-items-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:20px}.menu-item-card{animation:fadeInUp .5s ease;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden;transition:all .3s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.menu-item-card:hover{box-shadow:0 8px 20px #00000026;transform:translateY(-4px)}.item-image-wrapper{height:180px;overflow:hidden;position:relative}.item-image{height:100%;object-fit:cover;width:100%}.veg-indicator{align-items:center;background:#fff;border-radius:4px;box-shadow:0 2px 6px #00000026;display:flex;font-size:16px;height:24px;justify-content:center;left:10px;position:absolute;top:10px;width:24px}.item-details{padding:16px}.item-details h3{color:#2c3e50;font-size:18px;font-weight:700;margin:0 0 8px}.item-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#7f8c8d;display:-webkit-box;font-size:13px;line-height:1.4;margin:0 0 12px;overflow:hidden}.item-footer{align-items:center;display:flex;justify-content:space-between}.item-price{font-size:20px}.btn-add{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 20px;transition:all .3s ease}.btn-add:hover{box-shadow:0 4px 12px #667eea66;transform:scale(1.05)}.quantity-control{background:#f8f9fa;border-radius:8px;gap:12px;padding:6px}.qty-btn,.quantity-control{align-items:center;display:flex}.qty-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:18px;font-weight:700;height:30px;justify-content:center;transition:all .3s ease;width:30px}.qty-btn:hover{transform:scale(1.1)}.qty-display{color:#2c3e50;font-size:16px;font-weight:700;min-width:30px;text-align:center}.empty-state{color:#7f8c8d;padding:60px 20px;text-align:center}.cart-footer{animation:slideUp .3s ease;background:#fff;bottom:0;box-shadow:0 -4px 20px #0000001a;left:0;padding:15px 20px;position:fixed;right:0;z-index:90}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.cart-summary{align-items:center;display:flex;gap:20px;justify-content:space-between}.cart-items-count{color:#7f8c8d;font-size:14px;font-weight:500;margin:0 0 4px}.cart-total{color:#2c3e50;font-size:24px;font-weight:700;margin:0}.btn-view-cart{background:linear-gradient(135deg,#2ecc71,#27ae60);border:none;border-radius:10px;box-shadow:0 4px 15px #2ecc714d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 28px;transition:all .3s ease}.btn-view-cart:hover{box-shadow:0 6px 20px #2ecc7166;transform:translateY(-2px)}@media (max-width:768px){.menu-items-grid{grid-template-columns:1fr;padding:15px}.menu-header{align-items:flex-start;flex-direction:column;gap:15px}.header-actions{justify-content:flex-end;width:100%}}.qr-cart-page{background:#f5f7fa;min-height:100vh;padding-bottom:20px}.cart-header{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 10px #0000001a;color:#fff;padding:20px}.cart-header h1{font-size:28px;font-weight:700;margin:10px 0 5px}.cart-header p{font-size:15px;margin:0;opacity:.9}.cart-content{margin:0 auto;max-width:800px;padding:20px}.cart-items{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:20px;padding:20px}.cart-item{border-bottom:1px solid #f0f0f0;display:flex;gap:15px;padding:20px 0;position:relative}.cart-item:last-child{border-bottom:none}.cart-item-image{border-radius:8px;height:80px;object-fit:cover;width:80px}.cart-item-details{flex:1 1}.item-header{align-items:start;display:flex;justify-content:space-between;margin-bottom:8px}.item-header h3{color:#2c3e50;font-size:18px;font-weight:700;margin:0}.veg-indicator-small{font-size:16px}.item-desc-small{color:#7f8c8d;font-size:13px;line-height:1.4;margin:0 0 12px}.item-controls{align-items:center;display:flex;justify-content:space-between}.quantity-selector{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;gap:12px;padding:6px}.qty-input{border:2px solid #e0e0e0;border-radius:6px;font-size:16px;font-weight:700;padding:6px;text-align:center;width:50px}.item-total{color:#27ae60;font-size:18px;font-weight:700}.btn-remove{background:#0000;border:none;cursor:pointer;font-size:20px;opacity:.6;position:absolute;right:0;top:20px;transition:all .3s ease}.btn-remove:hover{opacity:1;transform:scale(1.2)}.special-instructions-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:20px;padding:20px}.special-instructions-section h3{color:#2c3e50;font-size:18px;font-weight:700;margin:0 0 15px}.instructions-textarea{border:2px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:14px;padding:12px;resize:vertical;transition:border-color .3s ease;width:100%}.instructions-textarea:focus{border-color:#667eea;outline:none}.char-count{color:#95a5a6;font-size:12px;margin:5px 0 0;text-align:right}.cart-summary{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:20px;padding:25px}.cart-summary h3{color:#2c3e50;font-size:20px;font-weight:700;margin:0 0 20px}.summary-row{align-items:center;color:#555;display:flex;font-size:15px;justify-content:space-between;margin-bottom:12px}.summary-divider{background:#e0e0e0;height:1px;margin:15px 0}.total-row{color:#2c3e50;font-size:20px;font-weight:700;margin-bottom:0}.btn-proceed-checkout{background:linear-gradient(135deg,#2ecc71,#27ae60);border:none;border-radius:12px;box-shadow:0 4px 15px #2ecc714d;color:#fff;cursor:pointer;font-size:18px;font-weight:700;margin-bottom:12px;padding:16px;transition:all .3s ease;width:100%}.btn-proceed-checkout:hover{box-shadow:0 6px 20px #2ecc7166;transform:translateY(-2px)}.btn-add-more{background:#fff;border:2px solid #667eea;border-radius:12px;color:#667eea;cursor:pointer;font-size:16px;font-weight:600;padding:14px;transition:all .3s ease;width:100%}.btn-add-more:hover{background:#f0f0ff;transform:translateY(-2px)}@media (max-width:768px){.cart-content{padding:15px}.cart-item{flex-direction:column}.cart-item-image{height:150px;width:100%}.item-controls{align-items:flex-start;flex-direction:column;gap:12px}.quantity-selector{justify-content:space-between;width:100%}}.qr-checkout-page{background:#f5f7fa;min-height:100vh;padding-bottom:20px}.checkout-header{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 10px #0000001a;color:#fff;padding:20px}.checkout-header h1{font-size:28px;font-weight:700;margin:10px 0 0}.checkout-content{margin:0 auto;max-width:600px;padding:20px}.section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:20px;padding:25px}.section h3{color:#2c3e50;font-size:20px;font-weight:700;margin:0 0 20px}.form-group{margin-bottom:20px}.form-group label{color:#2c3e50;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-group input,.form-group textarea{border:2px solid #e0e0e0;border-radius:8px;font-size:15px;padding:12px;transition:all .3s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;outline:none}.form-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.payment-options{display:flex;flex-direction:column;gap:12px}.payment-option{align-items:center;border:2px solid #e0e0e0;border-radius:12px;cursor:pointer;display:flex;padding:16px;transition:all .3s ease}.payment-option:hover{background:#f8f9fa;border-color:#667eea}.payment-option.selected{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-color:#667eea}.payment-option input[type=radio]{cursor:pointer;height:20px;margin-right:15px;width:20px}.option-content{align-items:center;display:flex;flex:1 1;gap:12px}.option-icon{font-size:28px}.option-content strong{color:#2c3e50;display:block;font-size:16px;margin-bottom:2px}.option-content p{color:#7f8c8d;font-size:13px;margin:0}.summary-items{margin-bottom:15px}.summary-item{color:#555;display:flex;font-size:14px;justify-content:space-between;margin-bottom:10px}.btn-place-order{align-items:center;background:linear-gradient(135deg,#2ecc71,#27ae60);border:none;border-radius:12px;box-shadow:0 4px 15px #2ecc714d;color:#fff;cursor:pointer;display:flex;font-size:20px;font-weight:700;gap:10px;justify-content:center;padding:18px;transition:all .3s ease;width:100%}.btn-place-order:hover:not(:disabled){box-shadow:0 6px 20px #2ecc7166;transform:translateY(-2px)}.btn-place-order:disabled{cursor:not-allowed;opacity:.6}.terms-note{color:#7f8c8d;font-size:13px;margin-top:15px;text-align:center}.terms-note a{color:#667eea;font-weight:600;text-decoration:none}@media (max-width:768px){.checkout-content{padding:15px}.form-row{grid-template-columns:1fr}.section{padding:20px}}.order-confirmation-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;min-height:100vh;padding:40px 20px}.success-animation{animation:bounceIn .6s ease;margin-bottom:30px}@keyframes bounceIn{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.checkmark-circle{align-items:center;animation:pulse 2s infinite;background:#fff;border-radius:50%;box-shadow:0 10px 40px #0003;display:flex;height:120px;justify-content:center;width:120px}.checkmark{color:#2ecc71;font-size:60px;font-weight:700}.confirmation-content{max-width:600px;width:100%}.confirmation-content h1{color:#fff;font-size:32px;font-weight:700;margin:0 0 10px;text-align:center;text-shadow:0 2px 10px #0003}.success-message{color:#fff;font-size:18px;font-weight:500;margin:0 0 30px;opacity:.95;text-align:center}.order-details-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;margin-bottom:20px;padding:25px}.detail-row{border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:15px 0}.detail-row:last-child{border-bottom:none}.detail-row .label{color:#7f8c8d;font-size:15px;font-weight:500}.detail-row .value{color:#2c3e50;font-size:15px;font-weight:700}.value.amount{color:#27ae60;font-size:20px}.order-items-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;margin-bottom:20px;padding:25px}.order-items-card h3{color:#2c3e50;font-size:20px;font-weight:700;margin:0 0 20px}.order-item{border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:12px 0}.order-item:last-child{border-bottom:none}.item-qty{color:#667eea;font-weight:700;min-width:40px}.item-name{color:#2c3e50;flex:1 1;font-weight:500}.item-price{color:#27ae60;font-weight:700}.special-instructions{background:#f8f9fa;border-left:4px solid #667eea;border-radius:6px;margin-top:15px;padding:15px}.special-instructions strong{color:#2c3e50;display:block;margin-bottom:8px}.special-instructions p{color:#555;font-size:14px;line-height:1.5;margin:0}.action-buttons{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr;margin-bottom:30px}.btn-new-order,.btn-track-order{border:none;border-radius:12px;cursor:pointer;font-size:16px;font-weight:600;padding:16px;transition:all .3s ease}.btn-track-order{background:#fff;box-shadow:0 4px 15px #ffffff4d;color:#667eea}.btn-track-order:hover{box-shadow:0 6px 20px #fff6;transform:translateY(-2px)}.btn-new-order{background:#fff3;border:2px solid #fff;color:#fff}.btn-new-order:hover{background:#ffffff4d}.help-section,.info-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:12px;margin-bottom:20px;padding:20px}.help-section h4,.info-section h4{color:#fff;font-size:18px;font-weight:700;margin:0 0 15px}.info-section ul{color:#fff;margin:0;padding-left:20px}.info-section li{font-size:15px;line-height:1.6;margin:10px 0;opacity:.95}.help-section p{color:#fff;font-size:15px;margin:0;opacity:.95;text-align:center}.error-container{color:#fff;padding:60px 20px;text-align:center}.error-container h2{font-size:28px;margin:0 0 20px}.error-container button{background:#fff;border:none;border-radius:10px;color:#667eea;cursor:pointer;font-size:16px;font-weight:600;padding:14px 28px;transition:all .3s ease}@media (max-width:768px){.confirmation-content h1{font-size:26px}.success-message{font-size:16px}.checkmark-circle{height:100px;width:100px}.checkmark{font-size:50px}}.order-tracking-page{background:#f5f7fa;min-height:100vh;padding-bottom:20px}.tracking-header{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 10px #0000001a;color:#fff;padding:20px}.tracking-header h1{font-size:28px;font-weight:700;margin:10px 0 5px}.tracking-header p{font-size:15px;margin:0;opacity:.9}.tracking-content{margin:0 auto;max-width:700px;padding:20px}.order-status-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:20px;padding:30px}.current-status{border-bottom:2px solid #f0f0f0;margin-bottom:30px;padding-bottom:30px;text-align:center}.status-icon{animation:bounce 2s infinite;font-size:80px;margin-bottom:15px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.current-status h2{color:#2c3e50;font-size:28px;font-weight:700;margin:0 0 10px}.status-message{color:#7f8c8d;font-size:16px;font-weight:500;margin:0}.status-timeline,.timeline-step{position:relative}.timeline-step{align-items:center;display:flex;gap:15px;opacity:.4;padding:20px 0;transition:all .3s ease}.timeline-step.completed,.timeline-step.current{opacity:1}.step-marker{align-items:center;background:#e0e0e0;border-radius:50%;display:flex;flex-shrink:0;font-size:24px;font-weight:700;height:50px;justify-content:center;transition:all .3s ease;width:50px;z-index:2}.timeline-step.completed .step-marker{background:linear-gradient(135deg,#2ecc71,#27ae60);color:#fff}.timeline-step.current .step-marker{animation:pulse 2s infinite;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 0 0 0 #667eeab3;color:#fff}@keyframes pulse{0%{box-shadow:0 0 0 0 #667eeab3}70%{box-shadow:0 0 0 15px #667eea00}to{box-shadow:0 0 0 0 #667eea00}}.step-content{flex:1 1}.step-content strong{color:#2c3e50;display:block;font-size:18px;font-weight:700;margin-bottom:4px}.step-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:inline-block;font-size:12px;font-weight:600;margin-top:4px;padding:4px 12px}.step-connector{background:#e0e0e0;height:60px;left:25px;position:absolute;top:70px;width:3px;z-index:1}.step-connector.completed{background:linear-gradient(135deg,#2ecc71,#27ae60)}.order-info-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:20px;padding:25px}.order-info-card h3{color:#2c3e50;font-size:20px;font-weight:700;margin:0 0 20px}.info-grid{grid-gap:15px;border-bottom:2px solid #f0f0f0;display:grid;gap:15px;grid-template-columns:repeat(2,1fr);margin-bottom:20px;padding-bottom:20px}.info-item{background:#f8f9fa;border-radius:10px;padding:15px;text-align:center}.info-label{color:#7f8c8d;display:block;font-size:13px;font-weight:500;margin-bottom:5px}.info-value{color:#2c3e50;display:block;font-size:18px;font-weight:700}.info-value.capitalize{text-transform:capitalize}.items-list h4{color:#2c3e50;font-size:16px;font-weight:700;margin:0 0 15px}.tracking-item{border-bottom:1px solid #f0f0f0;display:flex;font-size:15px;justify-content:space-between;padding:12px 0}.tracking-item:last-child{border-bottom:none}.tracking-item span:first-child{color:#555;font-weight:500}.tracking-item span:last-child{color:#27ae60;font-weight:700}.help-card{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:12px;padding:20px;text-align:center}.help-card h4{color:#2c3e50;font-size:18px;font-weight:700;margin:0 0 10px}.help-card p{color:#555;font-size:14px;line-height:1.6;margin:0}@media (max-width:768px){.tracking-content{padding:15px}.order-info-card,.order-status-card{padding:20px}.status-icon{font-size:60px}.current-status h2{font-size:24px}.info-grid{grid-template-columns:1fr}.timeline-step{gap:10px}.step-marker{font-size:20px;height:40px;width:40px}.step-connector{height:50px;left:20px;top:60px}}.qr-order-app{background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;min-height:100vh}.loading-container{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.spinner-large{border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:50px;width:50px}.spinner,.spinner-large{animation:spin 1s linear infinite}.spinner{border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;margin-right:8px;width:16px}@keyframes spin{to{transform:rotate(1turn)}}.back-btn{background:#fff3;border:2px solid #fff;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:10px 20px;transition:all .3s ease}.back-btn:hover{background:#fff;color:#667eea}.capitalize{text-transform:capitalize}.error-boundary{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.error-boundary__container{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:600px;padding:48px 32px;text-align:center;width:100%}.error-boundary__icon{color:#ef4444;display:flex;justify-content:center;margin-bottom:24px}.error-boundary__title{color:#1f2937;font-size:28px;font-weight:700;margin-bottom:12px;margin-top:0}.error-boundary__message{color:#6b7280;font-size:16px;line-height:1.6;margin-bottom:32px}.error-boundary__actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.error-boundary__button{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;min-width:140px;padding:12px 24px;transition:all .2s ease}.error-boundary__button--primary{background:#667eea;color:#fff}.error-boundary__button--primary:hover{background:#5568d3;box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.error-boundary__button--secondary{background:#f3f4f6;color:#374151}.error-boundary__button--secondary:hover{background:#e5e7eb;transform:translateY(-1px)}.error-boundary__details{background:#f9fafb;border-radius:8px;margin-top:32px;overflow:hidden;text-align:left}.error-boundary__summary{background:#f3f4f6;border-bottom:1px solid #e5e7eb;color:#374151;cursor:pointer;font-weight:600;padding:16px;-webkit-user-select:none;user-select:none}.error-boundary__summary:hover{background:#e5e7eb}.error-boundary__stack{color:#1f2937;font-size:14px;padding:16px}.error-boundary__stack pre{background:#1f2937;border-radius:8px;color:#f9fafb;font-family:Consolas,Monaco,Courier New,monospace;font-size:12px;line-height:1.5;overflow-x:auto;padding:16px}.error-boundary__stack strong{color:#111827;font-weight:600}@media (max-width:768px){.error-boundary__container{padding:32px 24px}.error-boundary__title{font-size:24px}.error-boundary__message{font-size:14px}.error-boundary__button{font-size:14px;min-width:120px;padding:10px 20px}.error-boundary__actions{flex-direction:column}.error-boundary__button{width:100%}}
/*# sourceMappingURL=main.8fd26fb3.css.map*/