:root{--color-primary: #1f2937;--color-accent: #f59e0b;--color-accent-strong: #d97706;--color-accent-dim: rgba(245, 158, 11, .18);--color-success: #10b981;--color-success-dim: rgba(16, 185, 129, .12);--color-danger: #ef4444;--color-danger-dim: rgba(239, 68, 68, .12);--color-bg: #f9fafb;--color-bg-deep: #f3f4f6;--color-surface: #ffffff;--color-surface-light: #f3f4f6;--color-border: #e5e7eb;--color-text: #111827;--color-text-secondary: #374151;--color-muted: #6b7280;--color-dim: #9ca3af;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--radius-pill: 999px;--shadow-soft: 0 1px 2px rgba(15, 23, 42, .05), 0 4px 14px rgba(15, 23, 42, .06);--shadow-card: 0 1px 3px rgba(15, 23, 42, .06), 0 8px 24px rgba(15, 23, 42, .06);--font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{margin:0;min-height:100dvh;font-family:var(--font);font-size:16px;font-weight:500;line-height:1.45;color:var(--color-text);background:var(--color-bg);background-image:linear-gradient(165deg,var(--color-bg) 0%,var(--color-bg-deep) 45%,#e5e7eb 100%);background-attachment:fixed;touch-action:manipulation;overscroll-behavior-y:contain}#app{max-width:480px;margin:0 auto;padding:12px 12px calc(90px + env(safe-area-inset-bottom,0px))}@media(min-width:520px){#app{max-width:560px;padding:16px 16px calc(90px + env(safe-area-inset-bottom,0px))}}.shell{min-height:100%}.hero{background:linear-gradient(135deg,#1f2937,#374151 55%,#111827);color:#f9fafb;padding:18px 16px;border-radius:var(--radius-lg);margin-bottom:14px;box-shadow:var(--shadow-card)}.hero-badge{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#f9fafbd9;background:#f59e0b33;border:1px solid rgba(245,158,11,.35);padding:4px 10px;border-radius:var(--radius-pill);margin-bottom:10px}.hero h1{margin:0 0 4px;font-size:1.25rem;font-weight:800;letter-spacing:-.02em;line-height:1.2}.hero-meta{margin:0;font-size:.88rem;color:#f9fafbe0;font-weight:500}.hero-meta strong{color:var(--color-accent);font-weight:800}.hero-hint{margin:10px 0 0;font-size:.78rem;line-height:1.4;color:#f9fafb9e}.err{padding:12px 14px;border-radius:var(--radius-md);margin-bottom:12px;font-size:.88rem;line-height:1.45;background:var(--color-danger-dim);color:#991b1b;border:1px solid rgba(239,68,68,.35)}.ok{padding:12px 14px;border-radius:var(--radius-md);margin-bottom:12px;font-size:.88rem;line-height:1.45;background:var(--color-success-dim);color:#065f46;border:1px solid rgba(16,185,129,.35)}.customer-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:14px;margin-bottom:14px;box-shadow:var(--shadow-soft)}.customer-section-title{margin:0 0 12px;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-muted)}.fields{display:flex;flex-direction:column;gap:12px}.field{display:flex;flex-direction:column;gap:5px}.field-row{display:flex;gap:10px}.field-row>.field{flex:1;min-width:0}label,.field-label{display:block;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--color-muted)}.optional-tag{font-weight:600;text-transform:none;letter-spacing:0;color:var(--color-dim)}input[type=text],input[type=tel],input[type=search]{width:100%;padding:12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font:inherit;font-size:16px;color:var(--color-text);background:var(--color-surface);transition:border-color .15s,box-shadow .15s;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=text]:focus,input[type=tel]:focus,input[type=search]:focus{outline:none;border-color:#d977068c;box-shadow:0 0 0 3px #f59e0b2e}input::placeholder{color:var(--color-dim)}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:4px 0 10px}.section-title{margin:0;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-muted)}.search-wrap{display:flex;align-items:center;gap:8px;padding:0 12px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:12px;box-shadow:var(--shadow-soft);min-height:48px}.search-wrap .search-icon{flex-shrink:0;font-size:18px;line-height:1}.search-input{flex:1;min-width:0;border:none;background:transparent;font:inherit;font-size:16px;color:var(--color-text);outline:none;padding:12px 0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.search-input::placeholder{color:var(--color-dim)}.cat-scroll{margin:0 -12px 12px;padding:0 12px 4px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.cat-scroll::-webkit-scrollbar{display:none}.cat-tabs{display:flex;gap:8px;flex-wrap:nowrap;min-height:44px;align-items:center}.cat-tabs button{flex-shrink:0;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);padding:10px 16px;border-radius:var(--radius-pill);font-size:.85rem;font-weight:600;font-family:inherit;cursor:pointer;box-shadow:var(--shadow-soft);white-space:nowrap;transition:background .15s,border-color .15s,color .15s;-webkit-tap-highlight-color:transparent}.cat-tabs button:active:not(:disabled){transform:scale(.96);background:var(--color-accent-dim)}.cat-tabs button:focus-visible{outline:2px solid var(--color-accent-strong);outline-offset:2px}.cat-tabs button.active{border-color:#d9770673;background:#f59e0b1f;color:var(--color-accent-strong);font-weight:800}.menu-list{display:flex;flex-direction:column;gap:8px}.item{display:flex;align-items:center;gap:10px;padding:12px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-soft)}.item-body{flex:1;min-width:0}.item h3{margin:0 0 4px;font-size:.92rem;font-weight:700;color:var(--color-text);line-height:1.25;word-break:break-word}.item .price{font-size:.85rem;font-weight:700;color:var(--color-accent-strong)}.kitchen-note{margin-top:6px;font-size:.72rem;font-weight:600;color:var(--color-muted);line-height:1.35;padding:6px 8px;background:var(--color-surface-light);border-radius:6px;border-left:3px solid var(--color-accent)}.qty-col{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;flex-shrink:0}.qty-label{font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-dim)}.qty-row{display:flex;align-items:center;gap:2px;background:var(--color-bg-deep);padding:3px;border-radius:var(--radius-sm);border:1px solid var(--color-border)}.qty-row button{width:40px;height:40px;border-radius:8px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-primary);font-size:1.25rem;font-weight:700;line-height:1;cursor:pointer;font-family:inherit;transition:background .12s,transform .08s;-webkit-tap-highlight-color:transparent}.qty-row button:active:not(:disabled){transform:scale(.94);background:var(--color-accent-dim);filter:brightness(.95)}.qty-row button:disabled{opacity:.3;cursor:not-allowed}.qty-row button:focus-visible{outline:2px solid var(--color-accent-strong);outline-offset:1px}.qty-row .qty-num{min-width:28px;text-align:center;font-weight:800;font-size:1rem;color:var(--color-text)}.qty-row .qty-num.has-items{color:var(--color-accent-strong)}.empty-menu{text-align:center;padding:28px 16px;background:var(--color-surface);border:1px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-muted);font-size:.88rem}.empty-menu strong{display:block;color:var(--color-text-secondary);margin-bottom:4px;font-size:.95rem}.cart-bar{position:fixed;left:0;right:0;bottom:0;z-index:50;background:var(--color-primary);padding:0 12px env(safe-area-inset-bottom,0px);box-shadow:0 -4px 20px #0f172a2e}.cart-bar-inner{max-width:480px;margin:0 auto;display:flex;align-items:center;gap:12px;min-height:60px;padding:10px 0}@media(min-width:520px){.cart-bar-inner{max-width:560px}}.cart-bar-info{flex:1;min-width:0}.cart-bar-count{font-size:.92rem;font-weight:800;color:#f9fafb}.cart-bar-count .accent{color:var(--color-accent)}.cart-bar-sub{font-size:.72rem;font-weight:500;color:#f9fafb99;margin-top:1px}.cart-bar-btns{display:flex;gap:8px;flex-shrink:0}.cart-bar-btn{flex-shrink:0;padding:12px 16px;border:none;border-radius:var(--radius-sm);background:linear-gradient(180deg,#f59e0b,#d97706);color:#fff;font-weight:800;font-size:.85rem;font-family:inherit;cursor:pointer;box-shadow:0 2px 8px #d9770666;transition:transform .08s;-webkit-tap-highlight-color:transparent;white-space:nowrap}.cart-bar-btn.bill-btn{background:linear-gradient(180deg,#10b981,#059669);box-shadow:0 2px 8px #05966959}.cart-bar-btn.bill-btn.bill-sent{background:linear-gradient(180deg,#6b7280,#4b5563);box-shadow:none}.cart-bar-btn:active:not(:disabled){transform:scale(.96);filter:brightness(.92)}.cart-bar-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.cart-bar-btn:focus-visible{outline:2px solid #fff;outline-offset:2px}.bill-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:20px 16px;box-shadow:var(--shadow-card)}.bill-header{text-align:center;margin-bottom:18px;padding-bottom:16px;border-bottom:1px dashed var(--color-border)}.bill-icon{font-size:2rem;line-height:1;margin-bottom:8px}.bill-header h2{margin:0 0 6px;font-size:1.15rem;font-weight:800;color:var(--color-text)}.bill-subtitle{margin:0;font-size:.82rem;color:var(--color-muted);line-height:1.4}.bill-customer{display:flex;justify-content:space-between;align-items:center;padding:10px 0;margin-bottom:12px;border-bottom:1px solid var(--color-border)}.bill-customer-label{font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-muted)}.bill-customer-value{font-size:.92rem;font-weight:700;color:var(--color-text)}.bill-table{margin-bottom:16px}.bill-row{display:flex;align-items:baseline;gap:6px;padding:9px 0;border-bottom:1px solid var(--color-surface-light)}.bill-row:last-child{border-bottom:none}.bill-row-head{border-bottom:2px solid var(--color-border);padding-bottom:8px;margin-bottom:2px}.bill-row-head .bill-cell{font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-muted)}.bill-cell{font-size:.88rem;font-weight:500;color:var(--color-text)}.bill-cell-name{flex:1;min-width:0;word-break:break-word;font-weight:600}.bill-cell-qty{width:36px;text-align:center;flex-shrink:0}.bill-cell-price{width:70px;text-align:right;flex-shrink:0;color:var(--color-text-secondary)}.bill-cell-total{width:78px;text-align:right;flex-shrink:0;font-weight:700}.bill-summary{border-top:2px solid var(--color-border);padding-top:12px;margin-bottom:16px}.bill-summary-row{display:flex;justify-content:space-between;align-items:baseline;padding:5px 0;font-size:.88rem;color:var(--color-text-secondary)}.bill-summary-row span:last-child{font-weight:700}.bill-tax-row{font-size:.82rem;color:var(--color-muted)}.bill-tax-row span:last-child{font-weight:600;color:var(--color-text-secondary)}.bill-total-row{padding-top:10px;margin-top:6px;border-top:1px dashed var(--color-border);font-size:1.05rem;font-weight:800;color:var(--color-text)}.bill-total-row span:last-child{color:var(--color-accent-strong);font-size:1.1rem}.bill-footer{text-align:center;margin:0;font-size:.82rem;font-weight:600;color:var(--color-muted);padding-top:12px;border-top:1px dashed var(--color-border)}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:50vh;padding:32px}.loading-spinner{width:36px;height:36px;border:3px solid var(--color-border);border-top-color:var(--color-accent-strong);border-radius:50%;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading p{margin:0;font-size:.9rem;font-weight:600;color:var(--color-text-secondary)}.muted{color:var(--color-muted);font-size:.8rem;line-height:1.4}