*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--brand:#d4501a;--brand-dk:#a93d10;--bg:#faf9f7;--surface:#fff;--muted:#6b6b6b;--border:#e8e3dc;--text:#1a1a1a;--radius:12px;--shadow:0 2px 16px rgba(0,0,0,.08)}body{font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--text);min-height:100dvh}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:100;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 1rem;height:56px;box-shadow:0 1px 4px rgba(0,0,0,.06)}.topbar h1{font-size:1.1rem;font-weight:700;color:var(--brand)}.cart-btn{position:relative;background:var(--brand);color:#fff;border:none;border-radius:8px;padding:.45rem 1rem;font-size:.9rem;font-weight:600;cursor:pointer;gap:.4rem}.cart-btn,.cart-btn .badge{display:flex;align-items:center}.cart-btn .badge{background:#fff;color:var(--brand);border-radius:99px;font-size:.7rem;font-weight:700;min-width:18px;height:18px;justify-content:center;padding:0 4px}.category-nav{display:flex;gap:.5rem;overflow-x:auto;padding:.75rem 1rem;border-bottom:1px solid var(--border);background:var(--surface);scrollbar-width:none}.category-nav::-webkit-scrollbar{display:none}.cat-chip{white-space:nowrap;padding:.35rem .9rem;border-radius:99px;border:1.5px solid var(--border);background:transparent;color:var(--muted);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .15s}.cat-chip.active,.cat-chip:hover{background:var(--brand);border-color:var(--brand);color:#fff}.items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));grid-gap:1rem;gap:1rem;padding:1rem}.item-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column;transition:transform .15s}.item-card:hover{transform:translateY(-2px)}.item-card img{width:100%;aspect-ratio:4/3;object-fit:cover;background:var(--border)}.item-card .img-placeholder{width:100%;aspect-ratio:4/3;background:linear-gradient(135deg,#f0ebe3,#e8e0d4);display:flex;align-items:center;justify-content:center;font-size:2rem}.item-info{padding:.65rem .75rem;flex:1 1}.item-info h3{font-size:.9rem;font-weight:600;line-height:1.3}.item-info p{font-size:.78rem;color:var(--muted);margin-top:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.item-footer{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;border-top:1px solid var(--border)}.item-price{font-weight:700;color:var(--brand);font-size:.95rem}.add-btn{background:var(--brand);color:#fff;border:none;border-radius:8px;width:28px;height:28px;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.add-btn:hover{background:var(--brand-dk)}.cart-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:200;display:flex;justify-content:flex-end}.cart-panel{background:var(--surface);width:min(400px,100vw);height:100%;overflow-y:auto;display:flex;flex-direction:column;padding:1.25rem}.cart-panel h2{font-size:1.1rem;font-weight:700;margin-bottom:1rem}.cart-item{display:flex;align-items:center;gap:.75rem;padding:.65rem 0;border-bottom:1px solid var(--border)}.cart-item-name{flex:1 1;font-size:.9rem;font-weight:500}.qty-ctrl{display:flex;align-items:center;gap:.4rem}.qty-ctrl button{width:26px;height:26px;border-radius:6px;border:1.5px solid var(--border);background:transparent;font-size:1rem;cursor:pointer}.qty-ctrl span{width:22px;text-align:center;font-weight:600}.cart-item-price{font-weight:700;color:var(--brand);min-width:60px;text-align:right}.cart-total{margin-top:auto;padding-top:1rem;border-top:2px solid var(--border);font-size:1.05rem;font-weight:700;display:flex;justify-content:space-between}.table-input-row{margin:1rem 0;display:flex;gap:.5rem;align-items:center}.table-input-row label{font-size:.85rem;font-weight:600;white-space:nowrap}.table-input-row input{border:1.5px solid var(--border);border-radius:8px;padding:.4rem .7rem;font-size:.9rem;width:80px}.checkout-btn{width:100%;margin-top:1rem;background:var(--brand);color:#fff;border:none;border-radius:var(--radius);padding:.85rem;font-size:1rem;font-weight:700;cursor:pointer}.checkout-btn:disabled{opacity:.55;cursor:not-allowed}.checkout-btn:hover:not(:disabled){background:var(--brand-dk)}.status-page{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:2rem}.status-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:2rem;max-width:420px;width:100%;text-align:center}.status-badge{display:inline-block;margin:1rem auto;padding:.4rem 1.2rem;border-radius:99px;font-weight:700;font-size:.9rem}.status-PENDING{background:#fff3cd;color:#856404}.status-CONFIRMED{background:#d1e7dd;color:#0a3622}.status-PREPARING{background:#cff4fc;color:#055160}.status-READY{background:#d1e7dd;color:#0a3622}.status-DELIVERED{background:#e2e3e5;color:#41464b}.status-CANCELLED{background:#f8d7da;color:#842029}.status-items{text-align:left;margin-top:1.5rem}.status-items li{padding:.35rem 0;border-bottom:1px solid var(--border);font-size:.9rem}.status-items li,.status-total{display:flex;justify-content:space-between}.status-total{font-weight:700;margin-top:.75rem;font-size:1rem}.loader{text-align:center;padding:4rem;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:.5rem}.spinner{width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--brand);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.error-msg{color:#842029;background:#f8d7da;border-radius:8px;padding:1rem;margin:1rem}