:root{--background:#fff;--foreground:#171717;--primary:#1a56db;--primary-light:#e8f0fe;--secondary:#f3f4f6;--border:#e5e7eb;--success:#10b981;--warning:#f59e0b;--danger:#ef4444}*{box-sizing:border-box}body,html{padding:0;margin:0}body{background:var(--background);color:var(--foreground);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;min-height:100dvh;text-size-adjust:100%;overflow-x:hidden}img{max-width:100%;display:block}.container{width:100%;max-width:560px;margin:0 auto;padding:clamp(12px,3.5vw,20px) clamp(12px,3.5vw,20px) calc(clamp(12px, 3.5vw, 20px) + env(safe-area-inset-bottom, 0px))}.header{background:var(--primary);color:#fff;padding:clamp(14px,4vw,22px);border-radius:clamp(10px,2.5vw,16px);margin-bottom:clamp(12px,3vw,18px);word-break:break-word}.header h1{margin:0 0 6px;font-size:clamp(18px,5.2vw,24px);font-weight:700;line-height:1.25}.header p{margin:0;font-size:clamp(12px,3.4vw,14px);opacity:.9;line-height:1.4}.categories{display:flex;gap:8px;overflow-x:auto;padding:8px 0 clamp(10px,3vw,14px);margin-bottom:clamp(8px,2vw,14px);-webkit-overflow-scrolling:touch;scrollbar-width:none;overscroll-behavior-x:contain}.categories::-webkit-scrollbar{display:none}.category-btn{flex:0 0 auto;padding:clamp(8px,2.4vw,12px) clamp(14px,4vw,20px);border:1px solid var(--border);border-radius:999px;background:#fff;color:var(--foreground);font-size:clamp(13px,3.6vw,15px);white-space:nowrap;cursor:pointer;transition:all .2s;min-height:40px;-webkit-tap-highlight-color:transparent}.category-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.menu-item{display:flex;gap:clamp(10px,3vw,14px);padding:clamp(12px,3.4vw,16px);background:#fff;border:1px solid var(--border);border-radius:clamp(10px,2.6vw,14px);margin-bottom:clamp(10px,2.8vw,14px);width:100%;min-width:0}.menu-item-image{flex:0 0 auto;width:clamp(68px,22vw,96px);height:clamp(68px,22vw,96px);border-radius:10px;object-fit:cover;background:var(--secondary)}.menu-item-info{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;justify-content:space-between;gap:6px}.menu-item-name{font-weight:600;font-size:clamp(15px,4.2vw,18px);margin:0 0 4px;line-height:1.3;word-break:break-word}.menu-item-desc{font-size:clamp(12px,3.4vw,14px);color:#6b7280;margin:0 0 8px;line-height:1.45;word-break:break-word}.menu-item-price{font-weight:700;font-size:clamp(15px,4.4vw,17px);color:var(--primary);white-space:nowrap}.menu-item-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:nowrap}.menu-item-placeholder{flex:0 0 auto;width:clamp(68px,22vw,96px);height:clamp(68px,22vw,96px);border-radius:10px;background:var(--secondary);display:flex;align-items:center;justify-content:center;font-size:28px;color:silver}.cart{position:fixed;bottom:0;left:0;right:0;z-index:50;background:#fff;border-top:1px solid var(--border);padding:clamp(12px,3.4vw,16px) clamp(12px,3.4vw,16px) calc(clamp(12px, 3.4vw, 16px) + env(safe-area-inset-bottom, 0px));box-shadow:0 -4px 12px rgba(0,0,0,.1)}.cart-content{width:100%;max-width:560px;margin:0 auto}.cart-summary{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px}.cart-total{font-weight:700;font-size:clamp(16px,4.6vw,20px);white-space:nowrap}.cart-items-count{font-size:clamp(12px,3.4vw,14px);color:#6b7280;white-space:nowrap}body.has-cart{padding-bottom:0}.container.cart-spacer{padding-bottom:calc(120px + env(safe-area-inset-bottom, 0px))}.btn-primary{width:100%;min-height:clamp(48px,14vw,56px);padding:clamp(12px,3.4vw,16px);background:var(--primary);color:#fff;border:none;border-radius:12px;font-size:clamp(15px,4.4vw,17px);font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent}.btn-primary:disabled{background:#9ca3af;cursor:not-allowed}.btn-primary:active{opacity:.85}.order-status{padding:clamp(16px,4.5vw,22px);border-radius:12px;text-align:center;margin-top:clamp(12px,3vw,18px)}.order-status.pending{background:#fef3c7;color:#92400e}.order-status.accepted{background:#d1fae5;color:#065f46}.order-status.preparing{background:#dbeafe;color:#1e40af}.order-status.ready{background:#d1fae5;color:#065f46}.order-status h2{margin:0 0 8px;font-size:clamp(18px,5vw,22px)}.order-status p{margin:8px 0 0;font-size:clamp(13px,3.7vw,15px);word-break:break-word}.instructions-input{width:100%;min-height:clamp(70px,20vw,90px);padding:12px;border:1px solid var(--border);border-radius:10px;font-size:clamp(14px,4vw,16px);resize:vertical;margin-top:12px;font-family:inherit}.loading{display:flex;align-items:center;justify-content:center;min-height:100dvh;padding:24px;font-size:clamp(14px,4vw,16px)}.empty-cart,.loading{text-align:center;color:#6b7280}.empty-cart{padding:32px;font-size:clamp(13px,3.7vw,15px)}.waiter-screen{display:flex;flex-direction:column;min-height:100dvh;padding:clamp(16px,4.5vw,24px)}.waiter-card{background:#fff;border:1px solid var(--border);border-radius:clamp(14px,4vw,20px);padding:clamp(24px,7vw,36px) clamp(18px,5vw,28px);text-align:center;margin-top:clamp(20px,6vw,32px);box-shadow:0 4px 16px rgba(0,0,0,.05);width:100%;max-width:520px;margin-left:auto;margin-right:auto}.waiter-icon{font-size:clamp(48px,16vw,72px);margin-bottom:8px;line-height:1}.waiter-card h2{margin:0 0 8px;font-size:clamp(22px,6.5vw,30px);color:var(--warning);line-height:1.2}.waiter-card p{color:#6b7280;margin:0 0 8px;font-size:clamp(14px,4vw,16px);line-height:1.5;word-break:break-word}.waiter-sub{font-size:clamp(13px,3.8vw,15px)!important}.waiter-note{display:flex;gap:12px;align-items:flex-start;text-align:left;background:#fff7ed;border:1px solid #fde68a;border-radius:12px;padding:14px 16px;margin:16px 0 4px}.waiter-note-icon{font-size:22px;line-height:1.2}.waiter-note-text{display:flex;flex-direction:column;gap:4px}.waiter-note-text b{color:var(--foreground);font-size:14px}.waiter-note-text span{color:#6b7280;font-size:13px;line-height:1.5}.waiter-quote{margin-top:18px;font-style:italic;color:var(--warning)!important;font-size:clamp(13px,3.8vw,15px)!important}.waiter-bill{margin:16px 0 0;padding:16px;border-radius:14px;background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;display:flex;flex-direction:column;gap:4px;align-items:center}.waiter-bill-label{text-transform:uppercase;letter-spacing:.08em;font-size:12px;opacity:.92}.waiter-bill-amount{font-size:clamp(26px,8vw,34px);font-weight:800;line-height:1.1}.waiter-bill-updates{font-size:12px;opacity:.9}.waiter-footer{margin-top:auto;padding:18px 0 6px;text-align:center;color:#9ca3af;font-size:12px;line-height:1.6}.waiter-footer b{color:#6b7280;font-weight:600}.menu-footer{margin-top:28px;padding:20px 0 28px;text-align:center;color:#9ca3af;font-size:12px;line-height:1.6}.menu-footer b{color:#6b7280;font-weight:600}.closed-screen{display:flex;flex-direction:column;min-height:100dvh;padding:clamp(16px,4.5vw,24px)}.closed-card{background:#fff;border:1px solid var(--border);border-radius:clamp(14px,4vw,20px);padding:clamp(28px,8vw,40px) clamp(18px,5vw,28px);text-align:center;margin-top:clamp(20px,6vw,32px);box-shadow:0 4px 16px rgba(0,0,0,.05);width:100%;max-width:520px;margin-left:auto;margin-right:auto}.closed-logo{width:clamp(72px,22vw,96px);height:clamp(72px,22vw,96px);object-fit:cover;border-radius:50%;margin:0 auto 10px;display:block}.closed-icon{font-size:clamp(52px,18vw,78px);margin-bottom:8px;line-height:1}.closed-title{margin:0 0 8px;font-size:clamp(24px,7vw,32px);color:#7c3aed;line-height:1.2}.closed-sub{color:#6b7280;margin:0 0 12px;font-size:clamp(14px,4vw,16px);line-height:1.5;word-break:break-word}.closed-message{background:#f5f3ff;border:1px solid #ddd6fe;border-radius:12px;padding:16px;margin:10px 0 0}.closed-message p{color:#6b7280;line-height:1.6;margin:0}.closed-bye,.closed-message p{font-size:clamp(13px,3.8vw,15px)}.closed-bye{margin-top:18px;font-style:italic;color:#7c3aed}@media (min-width:641px){.container{max-width:680px}.menu-item{gap:16px}.menu-item-image{width:110px;height:110px}}@media (min-width:768px){.container{max-width:720px}.menu-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;width:100%}.menu-item{margin-bottom:0}}@media (orientation:landscape) and (max-height:480px){.header{padding:12px}.waiter-card{margin-top:16px}.categories{padding:4px 0 8px}}@media (max-width:360px){.qty-btn{width:34px;height:34px}.quantity-controls{gap:6px}}.quantity-controls{gap:8px;flex:0 0 auto}.qty-btn,.quantity-controls{display:flex;align-items:center}.qty-btn{width:clamp(30px,9vw,38px);height:clamp(30px,9vw,38px);border:1px solid var(--border);border-radius:10px;background:#fff;font-size:clamp(16px,5vw,20px);cursor:pointer;justify-content:center;min-width:0;-webkit-tap-highlight-color:transparent}.qty-btn:hover{background:var(--secondary)}.qty-btn:active{background:var(--primary-light)}.qty-value{font-weight:600;min-width:22px;text-align:center;font-size:clamp(14px,4vw,16px)}.admin{max-width:1200px;margin:0 auto;padding:20px 20px 70px;background:#f4f6fb;min-height:100dvh}.admin-brand{background:linear-gradient(135deg,#1a56db,#0f3a9e);color:#fff;border-radius:18px;padding:22px 26px;margin-bottom:20px;box-shadow:0 10px 26px rgba(26,86,219,.28)}.admin-brand-inner{justify-content:space-between;flex-wrap:wrap}.admin-brand-inner,.admin-brand-left{display:flex;align-items:center;gap:16px}.admin-brand-logo{width:62px;height:62px;border-radius:14px;object-fit:cover;background:hsla(0,0%,100%,.18);border:2px solid hsla(0,0%,100%,.35)}.admin-brand-logo-fallback{display:grid;place-items:center;font-size:34px}.admin-brand-left h1{margin:0;font-size:clamp(20px,4vw,26px);font-weight:800}.admin-brand-left p{margin:4px 0 0;font-size:13px;opacity:.85}.admin-live{display:inline-flex;align-items:center;gap:8px;background:hsla(0,0%,100%,.16);border-radius:999px;padding:7px 14px;font-size:13px;font-weight:600}.live-dot{width:9px;height:9px;border-radius:50%;background:#34d399;box-shadow:0 0 0 4px rgba(52,211,153,.25);animation:pulse 1.6s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.admin-rid-form{display:flex;gap:10px;margin-bottom:18px}.admin-rid-field{flex:1 1;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--border);border-radius:12px;padding:0 14px}.admin-rid-field input{flex:1 1;padding:13px 4px;border:none;outline:none;font-size:15px;background:transparent}.admin-rid-form button{padding:13px 22px;background:var(--primary);color:#fff;border:none;border-radius:12px;font-weight:700;font-size:15px;cursor:pointer;box-shadow:0 6px 16px rgba(26,86,219,.3)}.admin-error{background:#fef2f2;color:var(--danger);border:1px solid #fecaca;padding:12px 14px;border-radius:10px;margin-bottom:16px}.admin-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:14px;gap:14px;margin-bottom:22px}.kpi{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--border);border-radius:14px;padding:18px;box-shadow:0 3px 10px rgba(0,0,0,.05)}.kpi-icon{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;font-size:22px;flex:0 0 auto}.kpi-icon.cart{background:#fef3c7}.kpi-icon.kitchen{background:#fee2e2}.kpi-icon.tables{background:#dbeafe}.kpi-icon.menu{background:#dcfce7}.kpi-meta span{font-size:12px;text-transform:uppercase;letter-spacing:.5px;opacity:.55;font-weight:600}.kpi-meta b{display:block;font-size:22px;margin-top:1px}.kpi-meta small{font-size:12px;opacity:.6}.admin-nav{display:flex;gap:8px;background:#fff;border:1px solid var(--border);border-radius:14px;padding:6px;margin-bottom:22px;overflow-x:auto}.admin-nav button{flex:1 1;padding:11px 16px;border:none;border-radius:10px;background:transparent;font-size:14px;font-weight:600;color:var(--foreground);opacity:.6;cursor:pointer;white-space:nowrap}.admin-nav button.active{background:var(--primary);color:#fff;opacity:1;box-shadow:0 4px 12px rgba(26,86,219,.3)}.admin-section{margin-bottom:30px}.section-title{display:flex;align-items:center;justify-content:space-between;margin:0 0 14px}.section-title h2{margin:0;font-size:19px}.section-title span{font-size:13px;opacity:.55}.floor-block{margin-bottom:22px}.floor-name{font-weight:700;font-size:14px;margin-bottom:10px;color:var(--foreground);opacity:.75}.table-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:12px;gap:12px}.table-card{background:#fff;border:1px solid var(--border);border-left:5px solid var(--secondary);border-radius:13px;padding:14px;box-shadow:0 2px 8px rgba(0,0,0,.05);transition:transform .15s,box-shadow .15s}.table-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.1)}.table-card.tone-ok{border-left-color:var(--success)}.table-card.tone-bad{border-left-color:var(--danger)}.table-card.tone-warn{border-left-color:var(--warning)}.table-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.table-name{font-weight:800;font-size:16px}.table-pill{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;padding:3px 9px;border-radius:999px;background:var(--secondary)}.tone-ok .table-pill{background:#dcfce7;color:#16a34a}.tone-bad .table-pill{background:#fee2e2;color:#dc2626}.tone-warn .table-pill{background:#fef3c7;color:#d97706}.table-floor-sub{font-size:12px;opacity:.55;margin-top:3px}.table-counts{display:flex;gap:8px;margin-top:12px}.tbl-count{flex:1 1;background:var(--secondary);border-radius:9px;padding:7px;text-align:center;border:1px solid transparent}.tbl-count span{display:block;font-size:10px;opacity:.6}.tbl-count b{font-size:19px}.tbl-count.cart.on{background:#fef3c7;border-color:var(--warning)}.tbl-count.kitchen.on{background:#fee2e2;border-color:var(--danger)}.table-total{margin-top:10px;font-size:13px;font-weight:700;color:var(--primary)}.table-orders{margin-top:10px;border-top:1px dashed var(--border);padding-top:8px;display:flex;flex-direction:column;gap:6px}.table-order-row{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:12px}.order-chip{font-size:10px;font-weight:700;padding:2px 7px;border-radius:999px;text-transform:capitalize}.order-chip.pending{background:#fef3c7;color:#d97706}.order-chip.accepted,.order-chip.preparing{background:#fee2e2;color:#dc2626}.order-chip.ready{background:#dcfce7;color:#16a34a}.order-qty{opacity:.7}.order-amt{font-weight:700}.table-no-order{font-size:12px;opacity:.45;text-align:center;padding:4px 0}.menu-group h3{font-size:15px;margin:6px 0 10px;opacity:.7}.menu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));grid-gap:12px;gap:12px}.menu-card{background:#fff;border:1px solid var(--border);border-radius:13px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.05)}.menu-card-img{width:100%;height:110px;object-fit:cover;background:var(--secondary)}.menu-card-placeholder{display:grid;place-items:center;font-size:34px}.menu-card-body{padding:10px 12px}.menu-card-body h4{margin:0 0 6px;font-size:14px;line-height:1.3}.menu-card-foot{display:flex;align-items:center;justify-content:space-between}.menu-card-foot b{font-size:14px;color:var(--primary)}.menu-avail{font-size:10px;font-weight:700;padding:2px 7px;border-radius:999px;background:#dcfce7;color:#16a34a}.menu-avail.off{background:#fee2e2;color:var(--danger)}.empty{grid-column:1/-1;text-align:center;padding:30px;background:#fff;border-radius:12px;color:var(--foreground);opacity:.6;border:1px dashed var(--border)}.header-brand{display:flex;align-items:center;gap:12px;margin-bottom:6px}.header-brand h1{margin:0}.header-logo{width:46px;height:46px;object-fit:cover;border-radius:10px;background:hsla(0,0%,100%,.15)}.landing{min-height:100dvh;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,var(--primary) 0,#0f3a9e 100%);padding:24px}.landing-card{width:100%;max-width:420px;background:#fff;border-radius:24px;padding:clamp(28px,8vw,40px) clamp(22px,6vw,34px);text-align:center;box-shadow:0 20px 50px rgba(0,0,0,.25)}.landing-logo{width:clamp(96px,28vw,128px);height:clamp(96px,28vw,128px);object-fit:cover;border-radius:50%;border:4px solid var(--primary-light);margin:0 auto 18px;background:var(--primary-light)}.landing-logo-fallback{display:grid;place-items:center;font-size:56px}.landing-name{margin:0;font-size:clamp(24px,7vw,32px);font-weight:800;color:var(--foreground)}.landing-address{margin:8px 0 0;color:var(--foreground);opacity:.6;font-size:13px}.landing-table{margin:22px auto 0;background:var(--secondary);border-radius:12px;padding:12px;display:inline-block;min-width:140px}.landing-table span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.6px;opacity:.55}.landing-table b{display:block;font-size:20px;margin-top:2px}.landing-btn{margin-top:24px;width:100%;font-size:17px;padding:16px;border-radius:999px;font-weight:700;box-shadow:0 8px 20px rgba(26,86,219,.35)}.landing-hint{margin:18px 0 0;font-size:12px;color:var(--foreground);opacity:.5;line-height:1.5}.landing-footer{margin:22px 0 0;padding:14px 0 0;border-top:1px solid var(--border);text-align:center;color:#9ca3af;font-size:12px;line-height:1.6}.confirmation{min-height:100dvh;display:flex;align-items:center;justify-content:center;background:var(--secondary);padding:20px}.confirmation-card{width:100%;max-width:440px;background:#fff;border-radius:20px;padding:26px 22px;text-align:center;box-shadow:0 12px 34px rgba(0,0,0,.1)}.confirmation-check{width:64px;height:64px;margin:0 auto 12px;border-radius:50%;background:#dcfce7;color:#16a34a;font-size:34px;font-weight:700;display:grid;place-items:center}.confirmation-card h1{margin:0;font-size:22px}.confirmation-sub{margin:6px 0 0;font-size:13px;opacity:.65}.confirmation-table{display:inline-block;margin:14px 0 6px;background:var(--primary-light);color:#1a56db;font-weight:700;padding:6px 16px;border-radius:999px;font-size:13px}.confirmation-items{margin-top:14px;border-top:1px dashed var(--border);padding-top:10px;text-align:left}.confirmation-row{display:flex;align-items:center;justify-content:space-between;padding:7px 0;font-size:14px}.conf-row-name{font-weight:600}.conf-row-price{opacity:.75}.confirmation-total{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border);margin-top:8px;padding-top:12px;font-size:16px}.confirmation-total b{font-size:18px;color:var(--primary)}.confirmation-hint{margin:14px 0 0;font-size:12px;opacity:.55}.confirmation-footer{margin:22px 0 0;padding:14px 0 0;border-top:1px solid var(--border);text-align:center;color:#9ca3af;font-size:12px;line-height:1.6}.confirmation-footer b{color:#6b7280;font-weight:600}@media (max-width:640px){.menu-grid{grid-template-columns:1fr!important}.menu-item{flex-direction:row;align-items:center}.menu-item-image,.menu-item-placeholder{width:92px;height:92px;min-width:92px;min-height:92px}.admin-kpis{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.kpi{padding:14px}.table-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.admin-rid-form{flex-direction:column}}@media (max-width:420px){.admin-brand-logo{width:50px;height:50px}.kpi-icon{width:40px;height:40px}.kpi-icon,.kpi-meta b{font-size:18px}}