html,body,#root{width:100%;min-height:100dvh;margin:0;padding:0}#screen-login{min-height:100dvh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;position:relative;z-index:1}*,:before,:after{--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: rgb(59 130 246 / .5);--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: rgb(59 130 246 / .5);--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: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color: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:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-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,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.collapse{visibility:collapse}.relative{position:relative}.inline-block{display:inline-block}.flex{display:flex}.table{display:table}.hidden{display:none}.resize{resize:both}.border{border-width:1px}.uppercase{text-transform:uppercase}.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)}:root{--bg: #09070a;--surface: #120f14;--surface-2: #1a1620;--card: rgba(255, 246, 255, .04);--border: rgba(255, 246, 255, .07);--border-hi: rgba(255, 246, 255, .13);--text: #f0ebf4;--text-2: rgba(240, 235, 244, .52);--text-3: rgba(240, 235, 244, .28);--amber: #f59e0b;--amber-2: #fbbf24;--amber-dim: rgba(245, 158, 11, .12);--green: #22c55e;--red: #dc2626;--sans: "Plus Jakarta Sans", system-ui, sans-serif;--display: "Syne", var(--sans);--header-h: 64px;--safe-bottom: env(safe-area-inset-bottom, 0px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--sans);background:var(--bg);color:var(--text);min-height:100dvh;overflow-x:hidden;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");pointer-events:none;z-index:0;opacity:.35}.sk-header{background:var(--surface);padding:20px 16px;display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--border)}.sk-avatar{width:48px;height:48px;border-radius:14px;flex-shrink:0}.sk-lines{flex:1;display:flex;flex-direction:column;gap:8px}.sk-line{height:13px;border-radius:6px}.sk-line.wide{width:60%}.sk-line.narrow{width:35%}.sk-nav{background:var(--surface);padding:12px 16px;display:flex;gap:8px;border-bottom:1px solid var(--border);overflow:hidden}.sk-pill{height:30px;border-radius:20px;flex-shrink:0}.sk-body{padding:16px;display:flex;flex-direction:column;gap:10px}.sk-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:14px;display:flex;align-items:flex-start;gap:12px}.sk-thumb{width:88px;height:88px;border-radius:10px;flex-shrink:0}.sk-content{flex:1;display:flex;flex-direction:column;gap:8px;padding-top:2px}.sk,.sk-avatar,.sk-line,.sk-pill,.sk-thumb{background:linear-gradient(90deg,var(--surface-2) 0%,rgba(255,246,255,.06) 50%,var(--surface-2) 100%);background-size:200% 100%;animation:shimmer 1.5s ease infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.error-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:70dvh;padding:32px 24px;text-align:center;gap:12px;position:relative;z-index:1}.err-icon{font-size:48px}.err-title{font-size:18px;font-weight:700}.err-msg{font-size:14px;color:var(--text-2);max-width:280px;line-height:1.6}.btn-retry{margin-top:8px;padding:10px 24px;background:var(--amber);color:#09070a;border:none;border-radius:10px;font-size:14px;font-weight:700;font-family:var(--sans);cursor:pointer}#offlineBanner{position:fixed;top:0;left:0;right:0;z-index:200;background:#1a1200;border-bottom:1px solid rgba(245,158,11,.3);padding:8px 16px;font-size:12px;font-weight:500;color:var(--amber-2);text-align:center;letter-spacing:.2px}#app{position:relative;z-index:1;padding-bottom:calc(80px + var(--safe-bottom))}#restaurantHeader{position:sticky;top:0;z-index:20;background:#09070ae0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}.header-inner{display:flex;align-items:center;gap:14px;padding:14px 16px}.restaurant-avatar{width:44px;height:44px;border-radius:12px;background:var(--amber);display:flex;align-items:center;justify-content:center;font-family:var(--display);font-size:20px;font-weight:800;color:#09070a;flex-shrink:0;box-shadow:0 0 20px #f59e0b4d}.restaurant-name{font-family:var(--display);font-size:17px;font-weight:800;letter-spacing:-.3px;line-height:1.2}.restaurant-tagline{font-size:11.5px;color:var(--text-2);margin-top:2px}#coverBanner{position:relative;overflow:hidden;height:190px;background:var(--surface);display:flex;align-items:flex-end}.cover-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(ellipse at 60% 0%,rgba(245,158,11,.22) 0%,transparent 65%),linear-gradient(160deg,#1a1020,#09070a)}.cover-bg-img{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;z-index:1}.cover-bg-img:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#09070aeb,#09070a73 60%,#09070a40)}.cover-content{position:relative;z-index:2;padding:0 18px 20px;width:100%}.cover-status{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:20px;font-size:10.5px;font-weight:700;letter-spacing:.5px;margin-bottom:10px}.cover-status.open{background:#22c55e26;color:#22c55e;border:1px solid rgba(34,197,94,.25)}.cover-status.closed{background:#f0ebf412;color:var(--text-3);border:1px solid var(--border)}.cover-status-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.cover-name{font-family:var(--display);font-size:26px;font-weight:800;letter-spacing:-.5px;line-height:1.15;color:var(--text);text-shadow:0 2px 20px rgba(0,0,0,.5)}.cover-tagline{font-size:12.5px;color:var(--text-2);margin-top:4px;line-height:1.5}#catNav{position:sticky;top:var(--header-h);z-index:19;background:#09070ad9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);-webkit-mask-image:linear-gradient(to right,black 85%,transparent 100%);mask-image:linear-gradient(to right,black 85%,transparent 100%)}.cat-pills{display:flex;gap:6px;padding:9px 16px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none}.cat-pills::-webkit-scrollbar{display:none}.cat-pill{flex-shrink:0;scroll-snap-align:start;padding:5px 14px;border-radius:20px;font-size:13px;font-weight:600;font-family:var(--sans);cursor:pointer;border:1.5px solid var(--border);background:transparent;color:var(--text-2);transition:background .2s,color .2s,border-color .2s;white-space:nowrap}.cat-pill:hover{border-color:var(--border-hi);color:var(--text)}.cat-pill.active{background:var(--amber);border-color:var(--amber);color:#09070a}.cat-pill.veg-pill{border-color:#22c55e59;color:#22c55ecc}.cat-pill.veg-pill:hover{border-color:#22c55e;color:#22c55e}.cat-pill.veg-pill.active{background:#22c55e;border-color:#22c55e;color:#09070a}#menuBody{padding:0 0 8px}.empty-menu{text-align:center;padding:60px 24px;color:var(--text-3);font-size:14px}.cat-section{padding-top:4px}.cat-section-title{font-family:var(--display);font-size:11px;font-weight:700;color:var(--text-2);letter-spacing:1.2px;text-transform:uppercase;padding:18px 16px 10px;display:flex;align-items:center;gap:10px}.cat-section-title:after{content:"";flex:1;height:1px;background:var(--border)}.items-grid{display:flex;flex-direction:column;gap:1px;background:var(--border);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.item-card{background:var(--bg);transition:background .15s;position:relative}.item-card:active{background:var(--surface)}.item-main{display:flex;align-items:stretch;min-height:96px}.item-content{flex:1;padding:14px 12px 14px 16px;display:flex;flex-direction:column;gap:5px;min-width:0}.item-header{display:flex;align-items:flex-start;gap:7px}.veg-indicator,.nonveg-indicator{width:14px;height:14px;border-radius:3px;border-width:1.5px;border-style:solid;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.veg-dot,.nonveg-dot{width:7px;height:7px;border-radius:50%}.item-name{font-size:14px;font-weight:600;line-height:1.3;color:var(--text)}.item-desc{font-size:12.5px;color:var(--text-3);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.item-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:4px}.item-price{font-size:15px;font-weight:700;color:var(--text);letter-spacing:-.3px}.item-price .rupee{font-size:12px;font-weight:600;color:var(--text-2);vertical-align:1px}.item-img-wrap{width:88px;flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:10px 12px 10px 0}.item-img{width:80px;height:80px;border-radius:10px;overflow:hidden;flex-shrink:0}.item-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.item-img.placeholder{display:flex;align-items:center;justify-content:center;border:1px solid var(--border);font-size:24px;opacity:.5}.cart-ctrl{display:flex;align-items:center}.btn-add{background:transparent;border:1.5px solid var(--amber);color:var(--amber);border-radius:8px;padding:5px 13px;font-size:13px;font-weight:700;font-family:var(--sans);cursor:pointer;letter-spacing:.2px;white-space:nowrap;transition:background .15s,color .15s,transform .1s}.btn-add:hover{background:var(--amber-dim)}.btn-add:active{background:var(--amber);color:#09070a;transform:scale(.97)}.qty-ctrl{display:flex;align-items:center;background:var(--amber);border-radius:8px;overflow:hidden;animation:pop-in .2s cubic-bezier(.34,1.56,.64,1)}@keyframes pop-in{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.qty-btn{background:transparent;border:none;color:#09070a;font-size:17px;font-weight:700;line-height:1;width:30px;height:30px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .1s}.qty-btn:active{background:#0000001f}.qty-num{font-size:13px;font-weight:700;color:#09070a;min-width:22px;text-align:center}#cartBar{position:fixed;bottom:0;left:0;right:0;z-index:100;background:var(--amber);display:flex;align-items:center;justify-content:space-between;padding:13px 16px;padding-bottom:max(13px,var(--safe-bottom));transform:translateY(110%);transition:transform .3s cubic-bezier(.22,1,.36,1);box-shadow:0 -8px 32px #f59e0b40}#cartBar.visible{transform:translateY(0)}.cart-left{display:flex;flex-direction:column;gap:1px}#cartCount{font-size:12px;font-weight:600;color:#09070aa6}#cartTotal{font-size:18px;font-weight:800;font-family:var(--display);color:#09070a;letter-spacing:-.5px}.cart-cta{background:#09070a;color:var(--amber);border:none;border-radius:10px;padding:10px 20px;font-size:14px;font-weight:700;font-family:var(--sans);cursor:pointer;letter-spacing:.2px;transition:transform .1s}.cart-cta:active{transform:scale(.97)}@media (min-width: 640px){.items-grid{display:grid;grid-template-columns:1fr 1fr}.header-inner{padding:16px 24px}.cat-pills{padding:10px 24px}.cat-section-title{padding:20px 24px 10px}#coverBanner{height:220px}.cover-name{font-size:32px}}@media (min-width: 1024px){#app{max-width:900px;margin:0 auto}#cartBar{max-width:900px;left:50%;transform:translate(-50%) translateY(110%)}#cartBar.visible{transform:translate(-50%) translateY(0)}.items-grid{grid-template-columns:1fr 1fr 1fr}}.top-bar{position:sticky;top:0;z-index:10;background:#09070aeb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);padding:14px 16px;display:flex;align-items:center;gap:12px}.btn-back{background:none;border:none;color:var(--amber);font-size:22px;cursor:pointer;padding:0;line-height:1;flex-shrink:0;transition:opacity .15s}.btn-back:hover{opacity:.7}.top-bar-title{font-size:16px;font-weight:700;letter-spacing:-.2px}.top-bar-sub{font-size:12px;color:var(--text-2);margin-top:1px}.btn-primary{width:100%;padding:15px;background:var(--amber);border:none;border-radius:14px;font-size:15px;font-weight:700;font-family:var(--sans);color:#09070a;cursor:pointer;letter-spacing:.1px;transition:opacity .15s,transform .1s;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 20px #f59e0b40}.btn-primary:hover:not(:disabled){opacity:.92}.btn-primary:active:not(:disabled){transform:scale(.99)}.btn-primary:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.btn-outline{width:100%;padding:13px;background:transparent;border:1.5px solid var(--border-hi);border-radius:14px;font-size:14px;font-weight:600;font-family:var(--sans);color:var(--text-2);cursor:pointer;transition:border-color .15s,color .15s}.btn-outline:hover{border-color:var(--amber);color:var(--amber)}.btn-ghost{background:none;border:none;font-family:var(--sans);font-size:13px;color:var(--text-3);cursor:pointer;padding:8px 0;text-decoration:underline;text-underline-offset:3px;transition:color .15s}.btn-ghost:hover{color:var(--text-2)}.spinner{width:18px;height:18px;border:2px solid rgba(9,7,10,.25);border-top-color:#09070a;border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.spinner-light{border-color:#f0ebf433;border-top-color:var(--text)}.inline-err{background:#f8717114;border:1px solid rgba(248,113,113,.2);border-radius:10px;padding:10px 14px;font-size:13px;color:var(--red);line-height:1.5}.field-label{font-size:11.5px;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.8px;margin-bottom:7px}input[type=text],input[type=tel]{width:100%;background:var(--surface-2);border:1.5px solid var(--border);border-radius:10px;padding:12px 14px;font-size:15px;font-family:var(--sans);color:var(--text);outline:none;transition:border-color .15s}input[type=text]::-moz-placeholder,input[type=tel]::-moz-placeholder{color:var(--text-3)}input[type=text]::placeholder,input[type=tel]::placeholder{color:var(--text-3)}input[type=text]:focus,input[type=tel]:focus{border-color:var(--amber)}.field-err-msg{font-size:12px;color:var(--red);margin-top:5px;display:none}.field-err-msg.show{display:block}#screen-cart{padding-bottom:calc(100px + var(--safe-bottom));position:relative;z-index:1}.empty-cart-msg{text-align:center;padding:64px 24px;color:var(--text-3);font-size:15px;line-height:1.6}.empty-cart-icon{font-size:48px;display:block;margin-bottom:16px}.cart-items-list{border-top:1px solid var(--border)}.cart-row{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border);transition:background .12s}.cart-row:hover{background:#fff6ff05}.cart-row-info{flex:1;min-width:0}.cart-row-name{font-size:14px;font-weight:600;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cart-row-price{font-size:13px;color:var(--text-2);margin-top:2px}.cart-qty-ctrl{display:flex;align-items:center;background:var(--surface-2);border:1px solid var(--border-hi);border-radius:10px;overflow:hidden;flex-shrink:0}.cart-qty-btn{background:none;border:none;color:var(--text-2);font-size:18px;font-weight:700;width:36px;height:36px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .15s,background .15s}.cart-qty-btn:hover{color:var(--amber);background:var(--amber-dim)}.cart-qty-num{font-size:14px;font-weight:800;min-width:28px;text-align:center;color:var(--text)}.cart-row-total{font-size:15px;font-weight:800;flex-shrink:0;min-width:56px;text-align:right;color:var(--text)}.order-summary{padding:16px;display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--border)}.summary-row{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--text-2)}.summary-row.total{font-size:18px;font-weight:800;color:var(--text);padding-top:10px;border-top:1px solid var(--border);margin-top:4px}.cart-cta-wrap{position:fixed;bottom:0;left:0;right:0;padding:12px 16px;padding-bottom:max(12px,var(--safe-bottom));background:#09070af5;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--border)}#screen-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60dvh;gap:16px;padding:32px;position:relative;z-index:1}#screen-loading p{font-size:14px;color:var(--text-2)}#screen-payment{padding-bottom:40px;position:relative;z-index:1}.payment-hero{padding:28px 16px 20px;text-align:center}.payment-hero-icon{font-size:40px;margin-bottom:12px;display:block}.payment-hero-title{font-family:var(--display);font-size:20px;font-weight:800;letter-spacing:-.4px}.payment-hero-sub{font-size:13px;color:var(--text-2);margin-top:4px}.payment-amount-card{margin:0 16px 20px;background:var(--amber-dim);border:1px solid rgba(245,158,11,.2);border-radius:18px;padding:22px;text-align:center}.payment-amount-label{font-size:12px;color:var(--text-3);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.payment-amount-value{font-family:var(--display);font-size:40px;font-weight:800;color:var(--amber);letter-spacing:-1.5px}.payment-merchant{font-size:13px;color:var(--text-2);margin-top:6px}.payment-btns{padding:0 16px;display:flex;flex-direction:column;gap:10px;margin-bottom:8px}.upi-apps-strip{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 0}.upi-app-badge{font-size:11px;color:var(--text-3);background:var(--surface-2);border:1px solid var(--border);border-radius:6px;padding:3px 8px}.upi-no-id-notice{margin:0 16px;padding:14px;background:var(--surface);border:1px solid var(--border);border-radius:12px;font-size:13px;color:var(--text-2);text-align:center;line-height:1.6}.qr-section{padding:16px;display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:4px}.qr-section p{font-size:12px;color:var(--text-3);text-align:center}#qrContainer{background:#f0ebf4;padding:14px;border-radius:14px;line-height:0}.divider-label{display:flex;align-items:center;gap:12px;padding:0 16px;margin:16px 0 12px}.divider-label span{font-size:11.5px;color:var(--text-3);white-space:nowrap;font-weight:600;letter-spacing:.3px}.divider-label:before,.divider-label:after{content:"";flex:1;height:1px;background:var(--border)}.utr-section{padding:0 16px;display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.utr-input-row{display:flex;gap:8px;align-items:flex-start}.utr-input-row input{flex:1;font-family:Courier New,monospace;letter-spacing:1px;text-transform:uppercase}.btn-utr-submit{flex-shrink:0;padding:12px 18px;background:var(--amber);border:none;border-radius:10px;font-size:13px;font-weight:700;font-family:var(--sans);color:#09070a;cursor:pointer;white-space:nowrap;transition:opacity .15s}.btn-utr-submit:disabled{opacity:.4;cursor:not-allowed}.counter-payment-link{text-align:center;padding:0 16px 8px}#screen-thanks{padding-bottom:48px;position:relative;z-index:1}.thanks-hero{padding:40px 16px 24px;text-align:center;border-bottom:1px solid var(--border)}.thanks-check{width:64px;height:64px;background:#22c55e1a;border:2px solid rgba(34,197,94,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;margin:0 auto 18px;animation:pop-in .4s cubic-bezier(.34,1.56,.64,1)}.thanks-title{font-family:var(--display);font-size:26px;font-weight:800;letter-spacing:-.5px}.thanks-order-num{font-size:14px;color:var(--text-2);margin-top:6px}.thanks-order-num strong{color:var(--amber)}.thanks-section{padding:20px 16px;border-bottom:1px solid var(--border)}.thanks-section-title{font-size:11px;font-weight:700;color:var(--text-3);text-transform:uppercase;letter-spacing:1px;margin-bottom:14px}.btn-wa{width:100%;padding:14px;background:#075e54;border:none;border-radius:14px;font-size:14px;font-weight:700;font-family:var(--sans);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:opacity .15s}.btn-wa:hover{opacity:.9}.wa-note{font-size:11px;color:var(--text-3);text-align:center;margin-top:8px;line-height:1.5}.stars{display:flex;gap:8px;justify-content:center;margin-bottom:16px}.star-btn{background:none;border:none;font-size:36px;cursor:pointer;color:var(--border-hi);transition:color .1s,transform .1s;padding:2px;line-height:1}.star-btn.lit{color:var(--amber)}.star-btn:hover{transform:scale(1.18)}.rating-hint{font-size:13px;color:var(--text-3);text-align:center;margin-bottom:16px;min-height:18px;font-weight:500}.feedback-comment{width:100%;background:var(--surface-2);border:1.5px solid var(--border);border-radius:10px;padding:12px 14px;font-size:14px;font-family:var(--sans);color:var(--text);resize:none;height:90px;outline:none;transition:border-color .15s;margin-bottom:10px}.feedback-comment::-moz-placeholder{color:var(--text-3)}.feedback-comment::placeholder{color:var(--text-3)}.feedback-comment:focus{border-color:var(--amber)}.feedback-done{text-align:center;font-size:14px;color:var(--green);padding:8px 0;font-weight:600}.google-maps-card{background:#4285f414;border:1px solid rgba(66,133,244,.2);border-radius:12px;padding:16px;text-align:center}.google-maps-card p{font-size:13px;color:var(--text-2);margin-bottom:12px;line-height:1.5}.btn-google{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#4285f4;border:none;border-radius:10px;font-size:13px;font-weight:700;font-family:var(--sans);color:#fff;cursor:pointer;text-decoration:none}#modal-cashback{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#09070ad1;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:flex-end;padding:0}.modal-card{background:var(--surface);border:1px solid var(--border-hi);border-radius:24px 24px 0 0;padding:28px 24px;padding-bottom:max(28px,var(--safe-bottom));width:100%;animation:slide-up .3s cubic-bezier(.22,1,.36,1)}@keyframes slide-up{0%{transform:translateY(100%);opacity:.8}to{transform:translateY(0);opacity:1}}.modal-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;background:#f59e0b1f;border:1px solid rgba(245,158,11,.2);border-radius:20px;font-size:11px;font-weight:700;color:var(--amber);text-transform:uppercase;letter-spacing:.8px;margin-bottom:14px}.modal-title{font-family:var(--display);font-size:22px;font-weight:800;letter-spacing:-.5px;line-height:1.2;margin-bottom:6px}.modal-sub{font-size:13.5px;color:var(--text-2);margin-bottom:20px;line-height:1.55}.modal-field{margin-bottom:14px}.modal-actions{display:flex;flex-direction:column;gap:8px;align-items:center}@media (min-width:640px){#screen-cart,#screen-loading,#screen-payment,#screen-thanks{max-width:520px;margin:0 auto}.cart-cta-wrap{max-width:520px;left:50%;transform:translate(-50%)}#modal-cashback{align-items:center;padding:24px}.modal-card{border-radius:24px;max-width:440px;margin:0 auto}}$n #screen-login{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;gap:0;position:relative;z-index:1}.login-brand{font-family:var(--display);font-size:22px;font-weight:800;color:var(--amber);margin-bottom:24px;letter-spacing:-.5px}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:28px 24px;width:100%;max-width:340px;display:flex;flex-direction:column;align-items:center;gap:0}.login-title{font-family:var(--display);font-size:20px;font-weight:800;letter-spacing:-.4px;margin-bottom:4px}.login-sub{font-size:13px;color:var(--text-2);margin-bottom:24px}.login-error{font-size:13px;color:var(--red);margin-top:12px;text-align:center}.pin-dots{display:flex;gap:10px;margin-bottom:24px}.pin-dot{width:14px;height:14px;border-radius:50%;border:2px solid var(--border-hi);transition:background .15s,transform .1s}.pin-dot.filled{background:var(--amber);transform:scale(1.1)}.pin-keyboard{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%;margin-bottom:16px}.pin-key{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:14px;font-size:20px;font-weight:700;font-family:var(--display);color:var(--text);cursor:pointer;transition:background .1s,transform .1s;line-height:1}.pin-key:hover{background:linear-gradient(160deg,#f59e0b1f,#1a1620);border-color:#f59e0b47}.pin-key:active{transform:scale(.92);background:var(--amber-dim)}#screen-admin{min-height:100dvh;position:relative;z-index:1}#adminTopBar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.admin-brand-stack{display:flex;flex-direction:column;gap:1px}.admin-logo{font-family:var(--display);font-size:11px;opacity:.7;color:var(--amber)}.admin-rest-name{font-size:14px;font-weight:700;color:var(--text)}.admin-logout{background:transparent;border:1px solid var(--border);border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600;color:var(--text-2);cursor:pointer;font-family:var(--sans);transition:border-color .15s}.admin-logout:hover{border-color:var(--amber);color:var(--amber)}#adminTabs{display:flex;gap:0;padding:0 16px;background:var(--surface);border-bottom:1px solid var(--border);overflow-x:auto;scrollbar-width:none}#adminTabs::-webkit-scrollbar{display:none}.tab-btn{background:none;border:none;border-bottom:2px solid transparent;padding:12px 14px;font-size:13px;font-weight:600;font-family:var(--sans);color:var(--text-3);cursor:pointer;white-space:nowrap;transition:color .15s,border-color .15s;flex-shrink:0}.tab-btn:hover{color:var(--text-2)}.tab-btn.active{color:var(--amber);border-bottom-color:var(--amber)}#tabContent{padding:16px 16px 40px;max-width:720px;margin:0 auto}.sec-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:12px}.sec-head-title{font-family:var(--display);font-size:18px;font-weight:800;letter-spacing:-.3px}.sec-head-actions{display:flex;gap:8px;align-items:center}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden;margin-bottom:12px}.card-pad{padding:16px}.card-sec-label{font-size:12px;font-weight:700;color:var(--text-3);text-transform:uppercase;letter-spacing:.8px;margin-bottom:14px}.list-row{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border)}.list-row:last-child{border-bottom:none}.row-main{flex:1;min-width:0}.row-name{font-size:14px;font-weight:600;color:var(--text);line-height:1.3}.row-sub{font-size:12px;color:var(--text-2);margin-top:2px}.tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:6px;font-size:11px;font-weight:600;letter-spacing:.2px}.tag-owner{background:#f59e0b1f;color:var(--amber);border:1px solid rgba(245,158,11,.2)}.tag-cashier{background:#22c55e1a;color:#22c55e;border:1px solid rgba(34,197,94,.2)}.tag-kitchen{background:#6366f11a;color:#818cf8;border:1px solid rgba(99,102,241,.2)}.tag-inactive{background:#f0ebf40f;color:var(--text-3);border:1px solid var(--border)}.btn-primary{background:var(--amber);border:none;border-radius:10px;padding:10px 18px;font-size:14px;font-weight:700;font-family:var(--sans);color:#09070a;cursor:pointer;transition:opacity .15s,transform .1s;display:inline-flex;align-items:center;gap:6px}.btn-primary:hover:not(:disabled){opacity:.9}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-secondary{background:var(--surface-2);border:1px solid var(--border-hi);border-radius:8px;padding:8px 14px;font-size:13px;font-weight:600;font-family:var(--sans);color:var(--text-2);cursor:pointer;transition:border-color .15s,color .15s}.btn-secondary:hover{border-color:var(--amber);color:var(--amber)}.btn-danger{background:#dc26261f;border:1px solid rgba(220,38,38,.25);border-radius:8px;padding:8px 14px;font-size:13px;font-weight:600;font-family:var(--sans);color:#f87171;cursor:pointer;transition:background .15s}.btn-danger:hover{background:#dc262633}.btn-icon{background:none;border:none;padding:6px;cursor:pointer;font-size:16px;opacity:.7;transition:opacity .15s;border-radius:6px}.btn-icon:hover{opacity:1;background:var(--surface-2)}.field{margin-bottom:14px}.field-label{display:block;font-size:11.5px;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.8px;margin-bottom:7px}.field-hint{font-size:11px;color:var(--text-3);margin-top:5px;line-height:1.5}input[type=text],input[type=number],input[type=tel],input[type=url],input[type=password],input[type=time],select,textarea{width:100%;background:var(--surface-2);border:1.5px solid var(--border);border-radius:10px;padding:10px 12px;font-size:14px;font-family:var(--sans);color:var(--text);outline:none;transition:border-color .15s;-webkit-appearance:none;-moz-appearance:none;appearance:none}input::-moz-placeholder,textarea::-moz-placeholder{color:var(--text-3)}input::placeholder,textarea::placeholder{color:var(--text-3)}input:focus,select:focus,textarea:focus{border-color:var(--amber)}input.bad{border-color:var(--red)!important}.inline-err{background:#f8717114;border:1px solid rgba(248,113,113,.2);border-radius:10px;padding:10px 14px;font-size:13px;color:#f87171;line-height:1.5}.toggle{width:36px;height:20px;border-radius:20px;background:var(--border-hi);position:relative;cursor:pointer;transition:background .2s;flex-shrink:0}.toggle:after{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#fff;transition:transform .2s}.toggle.on{background:var(--amber)}.toggle.on:after{transform:translate(16px)}.toggle-wrap{display:flex;align-items:center;gap:8px;cursor:pointer}.toggle-label{font-size:13px;color:var(--text-2)}.form-overlay-react{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#09070ab3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:flex-end;justify-content:center}.form-drawer{background:var(--surface);border:1px solid var(--border-hi);border-radius:20px 20px 0 0;padding:24px;padding-bottom:max(24px,env(safe-area-inset-bottom,0px));width:100%;max-width:520px;max-height:90dvh;overflow-y:auto}.drawer-title{font-family:var(--display);font-size:17px;font-weight:800;letter-spacing:-.3px;margin-bottom:20px}.drawer-actions{display:flex;flex-direction:column;gap:8px;margin-top:20px}.img-uploader{display:flex;gap:12px;align-items:flex-start}.img-actions{display:flex;flex-direction:column;gap:8px;flex:1}.img-remove{background:none;border:none;font-size:12px;color:var(--red);cursor:pointer;padding:0;text-align:left;font-family:var(--sans)}.link-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.link-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px;cursor:pointer;transition:border-color .15s,background .15s}.link-card:hover{border-color:var(--border-hi);background:var(--surface-2)}.link-icon{font-size:24px;margin-bottom:8px}.link-label{font-size:13px;font-weight:700;color:var(--text);margin-bottom:3px}.link-sub{font-size:11px;color:var(--text-3);line-height:1.4}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px;text-align:center}.stat-label{font-size:11px;color:var(--text-3);text-transform:uppercase;letter-spacing:.6px;margin-bottom:6px}.stat-val{font-size:20px;font-weight:800;color:var(--text)}.stat-val.num{font-family:var(--display)}.stat-skel{height:24px;border-radius:6px;width:60%;margin:0 auto}.skeleton{background:linear-gradient(90deg,var(--surface-2) 0%,rgba(255,246,255,.06) 50%,var(--surface-2) 100%);background-size:200% 100%;animation:shimmer 1.5s ease infinite;border-radius:6px}.veg-dot-sm{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--green);margin-right:6px;vertical-align:middle}.veg-dot-sm.non{background:var(--red)}#toastZone{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:200;display:flex;flex-direction:column;gap:8px;min-width:220px;max-width:380px;pointer-events:none}.toast{background:var(--surface-2);border:1px solid var(--border-hi);border-radius:10px;padding:10px 16px;font-size:13px;color:var(--text);font-weight:600;text-align:center;animation:toast-in .25s ease;box-shadow:0 4px 16px #0000004d}.toast.ok{background:#22c55e1f;border-color:#22c55e4d;color:#22c55e}.toast.err{background:#f871711a;border-color:#f8717140;color:#f87171}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.range-select{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:5px 10px;font-size:12px;color:var(--text-2);font-family:var(--sans);cursor:pointer;width:auto}@media (min-width:640px){.link-grid{grid-template-columns:repeat(4,1fr)}.stat-row{gap:12px}}html.light{--bg: #f6f5f8;--surface: #ffffff;--surface-2: #eeecf2;--border: rgba(20,16,28,.12);--border-hi: rgba(20,16,28,.22);--text: #110e16;--text-2: rgba(17,14,22,.72);--text-3: rgba(17,14,22,.55);--amber: #d97706;--amber-dim: rgba(217,119,6,.12);--green: #16a34a;--red: #dc2626}html.light body{background:var(--bg);color:var(--text)}html.light #adminTopBar{background:#ffffffeb!important;border-bottom-color:var(--border)!important}html.light #adminTabs{background:#ffffffd9!important}html.light .card{background:var(--surface);border-color:var(--border)}html.light .stat-card{background:linear-gradient(135deg,#fff,#f4f2f8)!important}html.light .link-card{background:linear-gradient(135deg,var(--surface) 0%,var(--surface-2) 100%)!important}html.light input,html.light select,html.light textarea{background:var(--surface-2);border-color:var(--border);color:var(--text)}html.light .pin-key{background:#f0eef5!important;border:1px solid rgba(17,14,22,.1)!important;color:#110e16!important}html.ui-s{font-size:13px}html.ui-m{font-size:15px}html.ui-l{font-size:17px}html.ui-s .tab-btn{font-size:11px}html.ui-s .stat-val{font-size:18px}html.ui-s .stat-label{font-size:10px}html.ui-l .stat-val{font-size:24px}:root{--r-sm: 8px}.launcher{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px 16px;position:relative;z-index:1}.launcher-inner{width:100%;max-width:480px;display:flex;flex-direction:column;gap:20px}.launcher-brand{display:flex;align-items:center;gap:14px;margin-bottom:8px}.launcher-logo-box{width:56px;height:56px;border-radius:16px;background:var(--amber);display:flex;align-items:center;justify-content:center;font-family:var(--display);font-size:30px;font-weight:800;color:#09070a;box-shadow:0 0 28px #f59e0b59}.launcher-logo-text{font-family:var(--display);font-size:30px;font-weight:800;letter-spacing:-.5px;color:var(--text)}.launcher-logo-text span{color:var(--amber)}.launcher-rest-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px 18px}.launcher-rest-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.launcher-rest-name{font-size:18px;font-weight:700;color:var(--text)}.launcher-rest-change{background:none;border:none;font-size:13px;color:var(--text-2);cursor:pointer;text-decoration:underline;text-underline-offset:3px;font-family:var(--sans);transition:color .15s}.launcher-rest-change:hover{color:var(--amber)}.launcher-slug-edit{display:flex;gap:8px}.launcher-slug-edit input{flex:1;background:var(--surface-2);border:1.5px solid var(--border);border-radius:10px;padding:11px 14px;font-size:15px;font-family:var(--sans);color:var(--text);outline:none;transition:border-color .15s}.launcher-slug-edit input:focus{border-color:var(--amber)}.launcher-slug-edit button{flex-shrink:0;background:var(--amber);border:none;border-radius:10px;padding:11px 20px;font-size:14px;font-weight:700;font-family:var(--sans);color:#09070a;cursor:pointer}.launcher-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.launcher-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:22px 12px;text-align:center;cursor:pointer;transition:border-color .15s,background .15s,transform .1s}.launcher-card:hover{border-color:var(--border-hi);background:var(--surface-2)}.launcher-card:active{transform:scale(.97)}.launcher-card-icon{font-size:32px;margin-bottom:10px}.launcher-card-title{font-family:var(--display);font-size:16px;font-weight:800;color:var(--text);margin-bottom:3px}.launcher-card-sub{font-size:11px;color:var(--text-3)}.launcher-links{display:flex;justify-content:center;gap:24px;margin-top:4px}.launcher-links button{background:none;border:none;font-size:13px;color:var(--text-2);cursor:pointer;font-family:var(--sans);transition:color .15s}.launcher-links button:hover{color:var(--amber)}#screen-login,#screen-admin,.launcher{width:100%}#screen-pos{min-height:100dvh;position:relative;z-index:1;padding-bottom:40px}.pos-topbar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.pos-conn{font-size:11px;padding:3px 8px;border-radius:6px;background:var(--surface-2)}.pos-logout{background:transparent;border:1px solid var(--border);border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600;color:var(--text-2);cursor:pointer;font-family:var(--sans);transition:border-color .15s}.pos-tab{background:none;border:none;border-bottom:2px solid transparent;padding:13px 18px;font-size:14px;font-weight:700;font-family:var(--sans);color:var(--text-3);cursor:pointer;white-space:nowrap;flex-shrink:0;display:flex;align-items:center;gap:7px;transition:color .15s,border-color .15s}.order-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden;border-left:3px solid var(--border-hi);animation:pop-in .25s ease}.order-card.card-new{box-shadow:0 0 0 2px var(--amber)}.status-badge{margin-left:auto;font-size:11px;font-weight:600;padding:3px 8px;border-radius:6px}.veg-indicator,.nonveg-indicator{width:13px;height:13px;border-radius:3px;border-width:1.5px;border-style:solid;display:flex;align-items:center;justify-content:center;flex-shrink:0}.veg-indicator{border-color:var(--green)}.nonveg-indicator{border-color:var(--red)}.veg-dot,.nonveg-dot{width:6px;height:6px;border-radius:50%}.veg-dot{background:var(--green)}.nonveg-dot{background:var(--red)}.btn-action{padding:8px 14px;border-radius:9px;font-size:13px;font-weight:700;font-family:var(--sans);cursor:pointer;border:none;transition:opacity .15s,transform .1s}.btn-action:active{transform:scale(.96)}.btn-cancel{background:transparent;border:1px solid var(--red);color:var(--red)}.pos-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:200;background:var(--surface-2);border:1px solid var(--border-hi);border-radius:10px;padding:11px 20px;font-size:14px;font-weight:600;color:var(--text);box-shadow:0 4px 20px #0006;animation:toast-in .25s ease}#root{width:100%;min-height:100dvh}#screen-login,#screen-admin,.launcher,#screen-pos{width:100%}#screen-pos{min-height:100dvh;background:var(--bg);position:relative;z-index:1;padding-bottom:40px}.pos-topbar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.pos-stat{font-size:13px;color:var(--text-2)}.pos-stat strong{color:var(--amber)}.pos-conn{font-size:11px;padding:3px 8px;border-radius:6px;background:var(--surface-2);color:var(--text-2)}.pos-rest{font-size:13px;font-weight:700;color:var(--text);margin-left:auto}.pos-logout{background:transparent;border:1px solid var(--border);border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600;color:var(--text-2);cursor:pointer;font-family:var(--sans)}.pos-logout:hover{border-color:var(--red);color:var(--red)}.pos-tabs{display:flex;gap:0;padding:0 16px;background:var(--surface);border-bottom:1px solid var(--border);overflow-x:auto;scrollbar-width:none;position:sticky;top:49px;z-index:19}.pos-tabs::-webkit-scrollbar{display:none}.pos-tab{background:none;border:none;border-bottom:2px solid transparent;padding:13px 18px;font-size:14px;font-weight:700;font-family:var(--sans);color:var(--text-3);cursor:pointer;white-space:nowrap;flex-shrink:0;display:flex;align-items:center;gap:7px}.pos-tab.active{color:var(--amber);border-bottom-color:var(--amber)}.pos-tab-badge{background:var(--amber);color:#09070a;font-size:11px;font-weight:800;min-width:20px;height:20px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;padding:0 6px}.pos-tab-badge.zero{background:var(--surface-2);color:var(--text-3)}.pos-grid{display:grid;grid-template-columns:1fr;gap:12px;padding:16px}@media (min-width:640px){.pos-grid{grid-template-columns:1fr 1fr}}@media (min-width:1024px){.pos-grid{grid-template-columns:1fr 1fr 1fr;max-width:1200px;margin:0 auto}}.pos-empty{grid-column:1/-1;text-align:center;padding:64px 24px;color:var(--text-3);font-size:15px}.pos-empty-icon{font-size:40px;display:block;margin-bottom:14px}.order-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden;border-left:3px solid var(--border-hi)}.order-card.status-pending{border-left-color:#f59e0b}.order-card.status-active{border-left-color:#3b82f6}.order-card.status-ready{border-left-color:#22c55e}.order-card.status-done{border-left-color:var(--text-3);opacity:.6}.order-card.status-cancelled{border-left-color:var(--red);opacity:.5}.card-head{display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid var(--border)}.card-num{font-family:var(--display);font-size:20px;font-weight:800;color:var(--text)}.card-table{font-size:11px;font-weight:700;color:var(--amber);background:var(--amber-dim);padding:2px 7px;border-radius:6px}.card-time{font-size:11px;color:var(--text-3)}.status-badge{margin-left:auto;font-size:11px;font-weight:600;padding:3px 8px;border-radius:6px;white-space:nowrap}.badge-pending{background:#f59e0b1f;color:#f59e0b}.badge-confirmed{background:#3b82f61f;color:#3b82f6}.badge-preparing{background:#3b82f61f;color:#60a5fa}.badge-ready{background:#22c55e1f;color:#22c55e}.badge-completed{background:var(--surface-2);color:var(--text-3)}.badge-cancelled{background:#dc26261f;color:var(--red)}.card-items{padding:10px 14px;display:flex;flex-direction:column;gap:7px}.items-loading{font-size:13px;color:var(--text-3);padding:4px 0}.order-item-row{display:flex;align-items:center;gap:8px;font-size:13px}.item-name{font-weight:600;color:var(--text)}.item-note{color:var(--text-3);font-size:12px}.item-qty{color:var(--amber);font-weight:700;margin-left:auto}.item-price{color:var(--text-2);min-width:48px;text-align:right}.card-foot{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-top:1px solid var(--border);gap:10px}.card-total{font-family:var(--display);font-size:18px;font-weight:800;color:var(--text)}.card-actions{display:flex;gap:8px}.btn-action{padding:8px 14px;border-radius:9px;font-size:13px;font-weight:700;font-family:var(--sans);cursor:pointer;border:none}.btn-accept{background:var(--green);color:#09070a}.btn-next{background:#3b82f6;color:#fff}.btn-done{background:var(--amber);color:#09070a}.btn-cancel{background:transparent;border:1px solid var(--red)!important;color:var(--red)}.pos-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:200;background:var(--surface-2);border:1px solid var(--border-hi);border-radius:10px;padding:11px 20px;font-size:14px;font-weight:600;color:var(--text);box-shadow:0 4px 20px #0006;white-space:nowrap}.kds-page-root{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;overflow:hidden;background:var(--bg, #050407);color:var(--text, #f0ebf4);font-family:var(--sans, "Plus Jakarta Sans", system-ui, sans-serif);-webkit-font-smoothing:antialiased}.kds-page-root{--bg: #050407;--surface: #0d0b10;--surface-2: #141118;--border: rgba(255,246,255,.06);--border-hi: rgba(255,246,255,.12);--text: #f0ebf4;--text-2: rgba(240,235,244,.5);--text-3: rgba(240,235,244,.26);--amber: #f59e0b;--amber-dim: rgba(245,158,11,.14);--blue: #3b82f6;--blue-dim: rgba(59,130,246,.14);--green: #22c55e;--green-dim: rgba(34,197,94,.12);--red: #f87171;--red-dim: rgba(248,113,113,.12);--orange: #fb923c;--orange-dim:rgba(251,146,60,.14);--sans: "Plus Jakarta Sans", system-ui, sans-serif;--display: "Syne", var(--sans);--col-w: 320px;--header-h: 52px;--safe-b: env(safe-area-inset-bottom, 0px)}@media (min-width: 900px){.kds-page-root{--col-w: 360px}}@media (min-width: 1200px){.kds-page-root{--col-w: 420px}.kds-order-num{font-size:26px}.kds-item-row{font-size:16px}.kds-btn{min-height:64px;font-size:15px}}.kds-loading{height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-3);font-size:14px}.kds-screen-login{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 20px;background:radial-gradient(ellipse at 50% -10%,rgba(245,158,11,.1) 0%,transparent 60%)}.kds-login-icon{font-size:48px;margin-bottom:12px}.kds-login-heading{font-family:var(--display);font-size:26px;font-weight:800;letter-spacing:-.5px;margin-bottom:4px}.kds-login-sub{font-size:14px;color:var(--text-2);margin-bottom:32px}.kds-login-card{background:var(--surface);border:1px solid var(--border-hi);border-radius:20px;padding:28px;width:100%;max-width:340px;box-shadow:0 24px 64px #00000080}.kds-login-restaurant{font-size:11px;font-weight:700;color:var(--text-3);text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}.kds-login-name{font-family:var(--display);font-size:18px;font-weight:700;margin-bottom:24px}.pin-dots{display:flex;gap:10px;justify-content:center;margin-bottom:24px}.pin-dot{width:14px;height:14px;border-radius:50%;background:var(--surface-2);border:1.5px solid var(--border-hi);transition:background .12s,transform .12s,border-color .12s}.pin-dot.filled{background:var(--amber);border-color:var(--amber);transform:scale(1.15);box-shadow:0 0 8px #f59e0b66}.pin-keyboard{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}.pin-key{aspect-ratio:1.7;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;font-size:20px;font-weight:600;font-family:var(--sans);color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .1s,transform .08s;touch-action:manipulation;box-shadow:0 1px 0 var(--border-hi),inset 0 1px #ffffff05}.pin-key:hover{background:#fff6ff0d;border-color:var(--border-hi)}.pin-key:active{background:var(--amber-dim);border-color:#f59e0b4d;transform:scale(.95)}.pin-key.clear{font-size:13px;color:var(--text-3)}.btn-login{width:100%;padding:14px;background:var(--amber);border:none;border-radius:12px;font-size:15px;font-weight:700;font-family:var(--sans);color:#050407;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;touch-action:manipulation;box-shadow:0 4px 16px #f59e0b40;transition:opacity .15s,transform .1s}.btn-login:not(:disabled):hover{opacity:.92}.btn-login:not(:disabled):active{transform:scale(.99)}.btn-login:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.login-error{margin-top:12px;padding:10px 14px;background:var(--red-dim);border:1px solid rgba(248,113,113,.2);border-radius:8px;font-size:13px;color:var(--red);text-align:center}.kds-screen-kds{height:100%;display:flex;flex-direction:column;overflow:hidden}#kdsHeader{height:var(--header-h);flex-shrink:0;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 16px;gap:16px;z-index:10}.kds-restaurant{font-family:var(--display);font-size:15px;font-weight:800;letter-spacing:-.2px;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#kdsClock{font-family:Courier New,monospace;font-size:16px;font-weight:700;color:var(--text-2);letter-spacing:1px;white-space:nowrap;background:var(--surface-2);padding:4px 10px;border-radius:8px;border:1px solid var(--border)}#voicePill{display:flex;align-items:center;gap:6px;padding:5px 12px;border-radius:20px;font-size:12px;font-weight:600;cursor:pointer;border:1px solid var(--border);background:transparent;color:var(--text-2);white-space:nowrap;transition:border-color .15s,background .15s;touch-action:manipulation;font-family:var(--sans)}#voicePill:hover{border-color:var(--border-hi);background:var(--surface-2)}.voice-dot{width:7px;height:7px;border-radius:50%;background:var(--text-3);flex-shrink:0}#voicePill.listening .voice-dot{background:var(--green);animation:kds-pulse-dot 1.4s ease infinite}#voicePill.listening{border-color:#22c55e4d;color:var(--green);background:#22c55e0d}#voicePill.error{border-color:#f871714d;color:var(--red)}#voicePill.unsupported{opacity:.35;cursor:default}@keyframes kds-pulse-dot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.6}}#realtimeDot{width:8px;height:8px;border-radius:50%;background:var(--text-3);flex-shrink:0;transition:background .3s;cursor:default}#realtimeDot.connected{background:var(--green);box-shadow:0 0 6px var(--green)}#realtimeDot.reconnecting{background:var(--amber);animation:kds-pulse-dot 1s ease infinite}#realtimeDot.disconnected{background:var(--red)}.btn-kds-logout{background:none;border:1px solid var(--border);border-radius:6px;font-size:11px;font-weight:600;font-family:var(--sans);color:var(--text-3);cursor:pointer;padding:5px 10px;touch-action:manipulation;transition:color .15s,border-color .15s}.btn-kds-logout:hover{color:var(--red);border-color:#f871714d}#voiceFeedback{flex-shrink:0;background:#22c55e14;border-bottom:1px solid rgba(34,197,94,.15);padding:7px 16px;font-size:13px;color:var(--green);display:flex;align-items:center;gap:8px;min-height:34px;transition:opacity .3s}#voiceFeedback.error-feedback{background:#f8717114;border-bottom-color:#f8717126;color:var(--red)}#voiceFeedbackText{flex:1}#kanban{flex:1;display:flex;overflow-x:auto;overflow-y:hidden;gap:1px;background:var(--border);scrollbar-width:thin;scrollbar-color:var(--surface-2) var(--bg)}#kanban::-webkit-scrollbar{height:6px}#kanban::-webkit-scrollbar-track{background:var(--bg)}#kanban::-webkit-scrollbar-thumb{background:var(--surface-2);border-radius:3px}.kanban-col{flex-shrink:0;width:var(--col-w);display:flex;flex-direction:column;background:var(--bg);overflow:hidden}.kanban-col:last-child{flex:1;min-width:var(--col-w)}.col-header{flex-shrink:0;padding:12px 14px 10px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px}.col-title{font-family:var(--display);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.col-count{font-size:11px;font-weight:700;border-radius:10px;padding:2px 8px;margin-left:auto}.col-confirmed{border-top:3px solid var(--blue)}.col-confirmed .col-header{border-bottom-color:#3b82f633;background:#3b82f608}.col-confirmed .col-title{color:var(--blue)}.col-confirmed .col-count{background:var(--blue-dim);color:var(--blue)}.col-preparing{border-top:3px solid var(--orange)}.col-preparing .col-header{border-bottom-color:#fb923c33;background:#fb923c08}.col-preparing .col-title{color:var(--orange)}.col-preparing .col-count{background:var(--orange-dim);color:var(--orange)}.col-ready{border-top:3px solid var(--green);animation:ready-col-glow 2.5s ease-in-out infinite}.col-ready .col-header{border-bottom-color:#22c55e33;background:#22c55e0a}.col-ready .col-title{color:var(--green)}.col-ready .col-count{background:var(--green-dim);color:var(--green)}@keyframes ready-col-glow{0%,to{box-shadow:inset 0 0 #22c55e0a}50%{box-shadow:inset 0 0 24px #22c55e12}}.col-body{flex:1;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:8px;scrollbar-width:thin;scrollbar-color:var(--surface-2) var(--bg)}.col-body::-webkit-scrollbar{width:4px}.col-body::-webkit-scrollbar-track{background:transparent}.col-body::-webkit-scrollbar-thumb{background:var(--surface-2);border-radius:2px}.col-empty{text-align:center;padding:40px 16px;color:var(--text-3);font-size:13px;line-height:1.6}.col-empty-icon{font-size:28px;display:block;margin-bottom:8px;opacity:.5}.kds-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:border-color .2s,box-shadow .2s}@keyframes kds-flash{0%{background:#f59e0b2e}to{background:var(--surface)}}.kds-card.flash{animation:kds-flash 1s ease-out 3}.kds-card.warn{border-color:#f59e0b80;box-shadow:0 0 0 1px #f59e0b1a}.kds-card.urgent{border-color:#f8717199;box-shadow:0 0 0 1px #f8717126,0 0 12px #f8717112}.kds-card-head{display:flex;align-items:center;gap:8px;padding:10px 12px 8px;border-bottom:1px solid var(--border)}.kds-order-num{font-family:var(--display);font-size:22px;font-weight:800;letter-spacing:-.5px;line-height:1}.kds-table{font-size:11px;background:var(--surface-2);border:1px solid var(--border);border-radius:5px;padding:2px 7px;color:var(--text-2);font-weight:600}.kds-timer{flex:1;text-align:right;font-size:13px;font-weight:700;font-family:Courier New,monospace}.kds-timer.ok{color:var(--text-3)}.kds-timer.warn{color:var(--amber)}.kds-timer.urgent{color:var(--red);animation:kds-blink 1s step-start infinite}@keyframes kds-blink{50%{opacity:.4}}.kds-items{padding:10px 12px;display:flex;flex-direction:column;gap:7px}.kds-item-row{display:flex;align-items:flex-start;gap:8px;font-size:15px;font-weight:500;line-height:1.3}.kds-item-qty{font-size:15px;font-weight:800;color:var(--amber);flex-shrink:0;min-width:24px}.kds-item-name{flex:1;color:var(--text)}.kds-item-note{font-size:12px;color:var(--text-3);font-style:italic;padding-left:32px;margin-top:-3px}.kds-item-voided{opacity:.35;text-decoration:line-through;font-size:13px}.kds-order-notes{margin:0 12px 8px;padding:7px 10px;background:var(--amber-dim);border:1px solid rgba(245,158,11,.15);border-radius:7px;font-size:12px;color:var(--amber)}.kds-actions{display:flex;gap:6px;padding:8px 10px;border-top:1px solid var(--border)}.kds-btn{flex:1;min-height:56px;border:none;border-radius:10px;font-size:14px;font-weight:800;font-family:var(--sans);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;touch-action:manipulation;transition:opacity .15s,transform .08s;-webkit-tap-highlight-color:transparent}.kds-btn:active:not(:disabled){transform:scale(.97)}.kds-btn:disabled{opacity:.3;cursor:not-allowed}.btn-start{background:var(--orange);color:#1a0800;box-shadow:0 2px 12px #fb923c40}.btn-ready{background:var(--green);color:#071208;box-shadow:0 2px 12px #22c55e40}.btn-start:hover:not(:disabled){background:#fd9f4c;opacity:1}.btn-ready:hover:not(:disabled){background:#29dd67;opacity:1}.kds-spinner{width:14px;height:14px;border-radius:50%;border:2px solid transparent;animation:kds-spin .7s linear infinite;flex-shrink:0}.kds-spinner-orange{border-color:#fb923c4d;border-top-color:var(--orange)}.kds-spinner-green{border-color:#22c55e4d;border-top-color:var(--green)}@keyframes kds-spin{to{transform:rotate(360deg)}}#reAuthOverlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#050407e0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:24px}.reauth-card{background:var(--surface);border:1px solid var(--border-hi);border-radius:18px;padding:28px;width:100%;max-width:320px;text-align:center;box-shadow:0 20px 60px #00000080}.reauth-title{font-family:var(--display);font-size:18px;font-weight:800;margin-bottom:4px}.reauth-sub{font-size:13px;color:var(--text-2);margin-bottom:20px}#kdsToastZone{position:fixed;top:60px;left:50%;transform:translate(-50%);z-index:300;display:flex;flex-direction:column;gap:8px;pointer-events:none;min-width:260px;max-width:90vw}.kds-toast{background:#141118f7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-hi);border-radius:10px;padding:11px 18px;font-size:14px;font-weight:500;color:var(--text);text-align:center;animation:kds-t-in .22s ease,kds-t-out .25s ease 2.75s forwards}.kds-toast.voice-toast{border-color:#22c55e4d;color:var(--green);font-size:15px;font-weight:700}.kds-toast.warn-toast{border-color:#f871714d;color:var(--red)}@keyframes kds-t-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes kds-t-out{0%{opacity:1}to{opacity:0}}