@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700&family=Playfair+Display:wght@700;900&display=swap";*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}:root{--bg:#0a0a0f;--surface:#131320;--surface2:#1a1a2e;--accent:#f5a623;--accent2:#e8563a;--text:#f0ede8;--muted:#8a8799;--card:#16162a;--border:#f5a62326;--green:#3ecf8e;--red:#e8563a;--radius:14px}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:DM Sans,sans-serif}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--accent);border-radius:2px}.container{max-width:480px;margin:0 auto;padding:0 16px}.navbar{z-index:100;background:var(--bg);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 16px;display:flex;position:sticky;top:0}.navbar-brand{color:var(--accent);font-family:Playfair Display,serif;font-size:20px}.navbar-actions{align-items:center;gap:10px;display:flex}.bottom-nav{background:var(--surface);border-top:1px solid var(--border);z-index:100;max-width:480px;height:64px;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav a{color:var(--muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:6px 0;font-size:12px;font-weight:500;text-decoration:none;transition:color .2s;display:flex}.bottom-nav a.active{color:var(--accent)}.bottom-nav a.active svg{stroke:var(--accent)}.bottom-nav a:hover{color:var(--accent)}.bottom-nav svg{stroke:currentColor;fill:none;stroke-width:1.8px;width:24px;height:24px;transition:stroke .2s}.bottom-bar{background:var(--surface);border-top:1px solid var(--border);z-index:100;gap:10px;max-width:480px;margin:0 auto;padding:10px 16px;display:flex;position:fixed;bottom:56px;left:0;right:0}.bottom-bar .btn{border-radius:12px;flex:1;height:44px;font-size:14px}.card{background:var(--card);border:1px solid var(--border);cursor:pointer;color:inherit;border-radius:10px;flex-direction:column;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #f5a6231a}.card-img{background:var(--surface2);flex-shrink:0;justify-content:center;align-items:center;width:100%;height:90px;font-size:28px;display:flex;overflow:hidden}.card-img img{object-fit:cover;width:100%;height:100%;display:block}.card-body{padding:8px}.card-tag{color:var(--accent);text-transform:uppercase;letter-spacing:.4px;background:#f5a6231a;border:1px solid #f5a62333;border-radius:20px;margin-bottom:4px;padding:1px 7px;font-size:9px;font-weight:600;display:inline-block}.card-title{margin-bottom:3px;font-size:13px;font-weight:700;line-height:1.3}.card-desc{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;line-height:1.4;display:-webkit-box;overflow:hidden}.chips{scrollbar-width:none;gap:8px;padding:12px 0;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{white-space:nowrap;border:1px solid var(--border);color:var(--muted);background:var(--surface);cursor:pointer;border-radius:20px;padding:6px 16px;font-size:12px;transition:all .2s}.chip.active,.chip:hover{background:var(--accent);color:#000;border-color:var(--accent);font-weight:600}.search-wrap{margin-bottom:4px;position:relative}.search-wrap input{background:var(--surface);border:1px solid var(--border);width:100%;color:var(--text);border-radius:10px;outline:none;padding:10px 14px 10px 38px;font-size:16px;transition:border-color .2s}.search-wrap input:focus{border-color:var(--accent)}.search-wrap .search-icon{color:var(--muted);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.btn{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background:var(--accent);color:#000}.btn-primary:hover{background:#e09520}.btn-outline{color:var(--text);border:1px solid var(--border);background:0 0}.btn-outline:hover{border-color:var(--accent);color:var(--accent)}.btn-danger{background:var(--red);color:#fff}.btn-sm{padding:6px 14px;font-size:12px}.btn-full{justify-content:center;width:100%}.form-group{margin-bottom:16px}.form-label{color:var(--muted);margin-bottom:6px;font-size:12px;font-weight:500;display:block}.form-control{background:var(--surface);border:1px solid var(--border);width:100%;color:var(--text);border-radius:10px;outline:none;padding:10px 14px;font-family:inherit;font-size:16px;transition:border-color .2s}.form-control:focus{border-color:var(--accent)}.form-control::placeholder{color:var(--muted)}textarea.form-control{resize:vertical;min-height:80px}select.form-control option{background:var(--surface2)}.menu-item{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:14px;display:flex}.menu-item:last-child{border-bottom:none}.menu-item-info{flex:1}.menu-item-name{margin-bottom:3px;font-size:14px;font-weight:600}.menu-item-desc{color:var(--muted);font-size:12px;line-height:1.4}.menu-item-price{color:var(--accent);white-space:nowrap;font-size:16px;font-weight:700}.menu-item-actions{align-items:center;gap:6px;display:flex}.qty-btn{border:1px solid var(--border);background:var(--surface);width:28px;height:28px;color:var(--text);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:16px;transition:all .2s;display:flex}.qty-btn:hover{border-color:var(--accent);color:var(--accent)}.qty-display{text-align:center;min-width:24px;font-weight:700}.chat-navbar{background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:12px;padding:10px 14px;display:flex}.bot-avatar{background:linear-gradient(135deg,var(--accent),var(--accent2));border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:18px;display:flex}.bot-info{flex:1}.bot-name{font-size:14px;font-weight:700}.bot-status{color:var(--green);font-size:11px}.mesa-label{color:var(--muted);background:var(--surface2);border-radius:20px;padding:3px 10px;font-size:11px}.tab-bar{background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;display:flex}.tab-item{text-align:center;cursor:pointer;color:var(--muted);border-bottom:2px solid #0000;flex:1;padding:10px 0;font-size:12px;font-weight:500;transition:all .2s}.tab-item.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:700}.tab-content{display:none}.tab-content.active{display:block}.tab-order-content,.tab-reserva-content{padding:16px;overflow-y:auto}#tab-chat.active{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}#tab-chat .chat-messages{flex-direction:column;flex:1;gap:8px;min-height:0;padding:12px 14px 8px;display:flex;overflow-y:auto}#tab-chat .quick-replies{background:var(--bg);border-top:1px solid var(--border);flex-wrap:wrap;flex-shrink:0;gap:6px;padding:6px 14px;display:flex}#tab-chat .chat-input-wrap{border-top:1px solid var(--border);background:var(--surface);flex-shrink:0;gap:8px;padding:10px 14px;display:flex}.bubble{word-break:break-word;border-radius:18px;max-width:78%;padding:10px 14px;font-size:14px;line-height:1.5}.bubble.bot{background:var(--surface2);border:1px solid var(--border);color:var(--text);border-bottom-left-radius:4px;align-self:flex-start}.bubble.user{background:var(--accent);color:#000;border-bottom-right-radius:4px;align-self:flex-end;font-weight:500}.qr-btn{color:var(--accent);cursor:pointer;background:#f5a62314;border:1px solid #f5a62366;border-radius:20px;padding:6px 12px;font-size:11px}.chat-input-wrap input{background:var(--surface2);border:1px solid var(--border);color:var(--text);border-radius:22px;outline:none;flex:1;padding:10px 16px;font-size:16px}.chat-input-wrap input:focus{border-color:var(--accent)}.chat-send-btn{background:var(--accent);cursor:pointer;background:var(--accent);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.badge{border-radius:20px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.badge-green{color:var(--green);background:#3ecf8e26;border:1px solid #3ecf8e4d}.badge-yellow{color:var(--accent);background:#f5a62326;border:1px solid #f5a6234d}.badge-red{color:var(--red);background:#e8563a26;border:1px solid #e8563a4d}.toast{background:var(--surface2);border:1px solid var(--border);z-index:999;opacity:0;pointer-events:none;border-radius:10px;padding:10px 20px;font-size:13px;transition:opacity .3s;position:fixed;bottom:80px;left:50%;transform:translate(-50%)}.toast.show{opacity:1}body.waiter-mode .toast{top:calc(env(safe-area-inset-top) + 8px);text-align:center;max-width:calc(100vw - 32px);bottom:auto}.toast.success{border-color:var(--green);color:var(--green)}.toast.error{border-color:var(--red);color:var(--red)}.modal-overlay{z-index:200;opacity:0;pointer-events:none;background:#000000b3;justify-content:center;align-items:flex-end;transition:opacity .3s;display:flex;position:fixed;inset:0}.modal-overlay.open{opacity:1;pointer-events:all}.modal{background:var(--surface);border-radius:20px 20px 0 0;width:100%;max-width:480px;max-height:85vh;padding:24px 20px;transition:transform .3s;position:relative;overflow-y:auto;transform:translateY(100%)}.modal-overlay.open .modal{transform:translateY(0)}.modal-title{margin-bottom:20px;font-size:18px;font-weight:700}.modal-close{color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:24px;position:absolute;top:16px;right:16px}.stats-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px;display:grid}.stat-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);text-align:center;padding:16px}.stat-value{color:var(--accent);font-size:28px;font-weight:700}.stat-label{color:var(--muted);margin-top:4px;font-size:11px}.table-row{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:12px;padding:12px 0;display:flex}.table-row:last-child{border-bottom:none}.table-num{background:var(--surface2);width:40px;height:40px;color:var(--accent);border-radius:10px;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex}.tabs{border-bottom:1px solid var(--border);margin-bottom:16px;display:flex}.tab{text-align:center;color:var(--muted);cursor:pointer;border-bottom:2px solid #0000;flex:1;padding:10px 0;font-size:13px;text-decoration:none;transition:all .2s}.tab.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.section-title{margin-bottom:14px;font-size:18px;font-weight:700}.section-sub{color:var(--muted);margin-bottom:16px;font-size:13px}.flex{display:flex}.flex-between{justify-content:space-between}.flex-center{align-items:center}.gap-8{gap:8px}.gap-12{gap:12px}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mb-16{margin-bottom:16px}.text-muted{color:var(--muted)}.text-accent{color:var(--accent)}.text-sm{font-size:12px}.text-xs{font-size:11px}.pb-nav{padding-bottom:72px}.hidden{display:none!important}.dash-two-col{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}@media (width>=600px){.container{max-width:960px;padding:0 24px}.stats-grid{grid-template-columns:repeat(4,1fr)}.modal{max-width:520px}.tabs .tab{padding:12px 0;font-size:14px}.modal-overlay{align-items:center}.modal{opacity:0;border-radius:20px;transition:transform .3s,opacity .3s;transform:scale(.95)}.modal-overlay.open .modal{opacity:1;transform:scale(1)}}@media (width>=960px){.container{max-width:1100px}.dash-two-col{grid-template-columns:repeat(3,minmax(0,1fr))}}.btn{min-height:44px}.btn-sm{min-height:36px}.form-control,select.form-control{min-height:44px}textarea.form-control{min-height:auto}input[type=file].form-control{min-height:44px;padding:10px}.qr-btn{min-height:44px}.chat-send-btn{width:44px;height:44px}@media (width<=380px){.hero{height:180px}.menu-name{font-size:13px}.bottom-bar .btn{padding:8px 12px;font-size:12px}}@media (width>=481px){.bottom-nav,.bottom-bar{width:100%;max-width:480px;left:50%;right:auto;transform:translate(-50%)}}.pending-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:12px;padding:14px}.pending-head{flex-wrap:wrap;align-items:flex-start;gap:12px;display:flex}.pending-thumb{object-fit:cover;background:var(--surface2);border-radius:10px;flex-shrink:0;width:64px;height:64px}.pending-thumb-empty{justify-content:center;align-items:center;font-size:24px;display:flex}.pending-info{flex:180px;min-width:0}.pending-name{overflow-wrap:anywhere;font-size:14px;font-weight:700}.pending-email{overflow-wrap:anywhere}.pending-actions{flex-direction:column;flex-shrink:0;gap:8px;display:flex}@media (width<=560px){.pending-actions{flex-flow:wrap;flex:100%}.pending-actions .btn{flex:auto}}.pending-docs{border-top:1px solid var(--border);flex-wrap:wrap;gap:16px;margin-top:14px;padding-top:14px;display:flex}.pending-doc-img{object-fit:cover;border:1px solid var(--border);border-radius:8px;width:220px;height:140px}.pending-doc-error{width:220px;height:140px;color:var(--red);text-align:center;border:1px dashed var(--border);border-radius:8px;justify-content:center;align-items:center;font-size:12px;display:flex}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}