@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;700;800&family=Inter:wght@300;400;500;600;700;800&display=swap");:root{--font:"Inter",system-ui,sans-serif;--font-display:"Space Grotesk",system-ui,sans-serif;--radius:6px;--radius-sm:3px;--radius-lg:14px;--radius-pill:100px;--bg-primary:#050b20;--bg-secondary:#09112d;--bg-card:#0d173d;--bg-card-hover:#152152;--brand-gradient:linear-gradient(135deg,#00f2fe,#4facfe 50%,#f2128c);--brand-cyan:#00f2fe;--brand-magenta:#f2128c;--brand-silver:#e0e6ed;--accent-gold:#4facfe;--accent-blue:#4facfe;--accent-orange:#f2128c;--accent-red:#f2128c;--accent-green:#00c48c;--accent-available:#00c48c;--accent-reserved:#f5a623;--accent-occupied:#f2128c;--accent-mine:#4facfe;--text-primary:#e0e6ed;--text-secondary:#a0a8c0;--text-muted:#5b6b8a;--border:rgba(224,230,237,.08);--border-accent:rgba(0,242,254,.3);--shadow-card:0 4px 24px rgba(0,0,0,.5);--bottom-nav-height:64px;--header-height:56px;--safe-bottom:env(safe-area-inset-bottom,0px)}body.light-mode{--bg-primary:#e0e6ed;--bg-secondary:#f0f4f8;--bg-card:#f0f4f8;--bg-card-hover:#e6ebf1;--text-primary:#050b20;--text-secondary:#2a3b5a;--text-muted:#5b6b8a;--border:rgba(5,11,32,.1);--border-accent:rgba(5,11,32,.2);--shadow-card:0 4px 20px rgba(0,0,0,.08)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-tap-highlight-color:transparent}body{font-family:var(--font);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;-webkit-font-smoothing:antialiased;overflow-x:hidden}.waiter-app{min-height:100vh;display:flex;flex-direction:column;padding-bottom:calc(var(--bottom-nav-height) + var(--safe-bottom))}@media (min-width:768px){.waiter-app{padding-bottom:0}}.waiter-header{position:-webkit-sticky;position:sticky;top:0;z-index:100;background:rgba(5,11,32,.9);border-bottom:1px solid var(--border);padding:0 1rem;height:var(--header-height);display:flex;align-items:center;justify-content:space-between;gap:.75rem;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}body.light-mode .waiter-header{background:rgba(224,230,237,.9)}.waiter-logo{display:flex;flex-direction:row;align-items:center;gap:.5rem;line-height:1.1;text-decoration:none}.waiter-logo .logo-main{font-family:var(--font-display);font-size:1.1rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;background:var(--brand-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.waiter-logo .logo-sub{font-size:.6rem;color:var(--text-muted);font-weight:600;letter-spacing:.1em;text-transform:uppercase;margin-top:-2px}.mesero-chip{display:flex;align-items:center;gap:.4rem;padding:.3rem .65rem;border-radius:var(--radius-pill);background:rgba(79,172,254,.1);border:1px solid rgba(79,172,254,.25);font-size:.75rem;font-weight:600;color:var(--accent-blue);cursor:pointer;transition:all .2s;white-space:nowrap;max-width:140px;overflow:hidden;text-overflow:ellipsis}.mesero-chip:hover{background:rgba(79,172,254,.18)}.header-actions{gap:.5rem;flex-shrink:0}.bottom-nav,.header-actions{display:flex;align-items:center}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:var(--bottom-nav-height);background:rgba(9,17,45,.95);border-top:1px solid var(--border);justify-content:space-around;z-index:100;padding-bottom:var(--safe-bottom);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}body.light-mode .bottom-nav{background:rgba(240,244,248,.95)}@media (min-width:768px){.bottom-nav{display:none}}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.4rem 1.25rem;border:none;background:transparent;color:var(--text-muted);font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;transition:color .2s;text-decoration:none;position:relative;flex:1 1}.bottom-nav-item.active{color:var(--accent-blue)}.bottom-nav-badge{position:absolute;top:.1rem;right:calc(50% - 1.5rem);background:var(--accent-red);color:#fff;font-size:.58rem;font-weight:800;border-radius:100px;padding:.05rem .3rem;min-width:16px;text-align:center}.page-content{flex:1 1;padding:1rem;max-width:1200px;width:100%;margin:0 auto}@media (min-width:768px){.page-content{padding:1.5rem 2rem}}@media (min-width:1024px){.page-content{padding:2rem 3rem}}.selector-overlay{position:fixed;inset:0;background:var(--bg-primary);z-index:500;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1.5rem;gap:0}.selector-logo{font-family:var(--font-display);font-size:2rem;font-weight:800;text-transform:uppercase;letter-spacing:-.03em;margin-bottom:.25rem}.selector-title{font-size:1rem;color:var(--text-muted);margin-bottom:2.5rem;text-align:center}.selector-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-gap:.75rem;gap:.75rem;width:100%;max-width:560px}.selector-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem .75rem;text-align:center;cursor:pointer;transition:all .2s ease;font-size:.88rem;font-weight:600;color:var(--text-primary);-webkit-user-select:none;-moz-user-select:none;user-select:none}.selector-card:active,.selector-card:hover{border-color:var(--accent-blue);background:rgba(79,172,254,.07);transform:translateY(-2px);box-shadow:0 8px 24px rgba(79,172,254,.15)}.selector-card-icon{font-size:2rem;display:block;margin-bottom:.6rem}.mesa-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));grid-gap:.75rem;gap:.75rem}@media (min-width:480px){.mesa-grid{grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:1rem}}@media (min-width:768px){.mesa-grid{grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:1.25rem}}.mesa-card{background:var(--bg-card);border-radius:var(--radius-lg);border:2px solid var(--border);padding:1.25rem 1rem;text-align:center;transition:all .2s ease;position:relative;overflow:hidden;min-height:130px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mesa-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--mesa-accent,transparent)}.mesa-card.disponible{--mesa-accent:var(--accent-available);border-color:rgba(0,196,140,.25);cursor:pointer}.mesa-card.disponible:active,.mesa-card.disponible:hover{border-color:rgba(0,196,140,.5);background:rgba(0,196,140,.05);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,196,140,.15)}.mesa-card.reservada{--mesa-accent:var(--accent-reserved);border-color:rgba(245,166,35,.2);cursor:default;opacity:.75}.mesa-card.ocupada{--mesa-accent:var(--accent-occupied);border-color:rgba(242,18,140,.2);cursor:default;opacity:.65}.mesa-card.mi-orden{--mesa-accent:var(--accent-mine);border-color:rgba(79,172,254,.35);cursor:pointer;background:rgba(79,172,254,.04)}.mesa-card.mi-orden:active,.mesa-card.mi-orden:hover{border-color:rgba(79,172,254,.55);background:rgba(79,172,254,.09);transform:translateY(-2px)}.mesa-numero{font-family:var(--font-display);font-size:2.1rem;font-weight:800;line-height:1;letter-spacing:-.04em;color:var(--text-primary)}.mesa-cap{font-size:.68rem;color:var(--text-muted);display:flex;align-items:center;gap:.2rem}.mesa-estado-badge{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.18rem .5rem;border-radius:var(--radius-pill)}.mesa-estado-badge.disponible{background:rgba(0,196,140,.12);color:var(--accent-available)}.mesa-estado-badge.reservada{background:rgba(245,166,35,.12);color:var(--accent-reserved)}.mesa-estado-badge.ocupada{background:rgba(242,18,140,.12);color:var(--accent-occupied)}.mesa-estado-badge.mi-orden{background:rgba(79,172,254,.12);color:var(--accent-mine)}.mesa-cliente{font-size:.7rem;color:var(--text-secondary);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:.1rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.75rem 1.25rem;border-radius:var(--radius);font-family:var(--font);font-size:.85rem;font-weight:600;cursor:pointer;border:none;transition:all .2s ease;white-space:nowrap;letter-spacing:.02em;text-transform:uppercase;text-decoration:none;min-height:44px;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.btn-primary{background:var(--brand-gradient);color:#fff;box-shadow:0 4px 16px rgba(0,242,254,.2)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 24px rgba(0,242,254,.3)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:transparent;color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--accent-blue);color:var(--accent-blue)}.btn-success{background:rgba(0,196,140,.1);color:var(--accent-green);border:1px solid rgba(0,196,140,.3)}.btn-success:hover{background:rgba(0,196,140,.2)}.btn-danger{background:rgba(242,18,140,.1);color:var(--accent-red);border:1px solid rgba(242,18,140,.3)}.btn-danger:hover{background:rgba(242,18,140,.2)}.btn-full{width:100%}.btn-sm{padding:.5rem .85rem;font-size:.78rem;min-height:38px}.btn-lg{padding:1rem 2rem;font-size:.9rem;min-height:52px}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.fab{position:fixed;bottom:calc(var(--bottom-nav-height) + 1.25rem + var(--safe-bottom));right:1.25rem;width:58px;height:58px;border-radius:50%;background:var(--brand-gradient);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(0,242,254,.3);z-index:50;transition:all .2s ease;text-decoration:none;font-size:1.4rem}.fab:hover{transform:scale(1.1);box-shadow:0 6px 28px rgba(0,242,254,.4)}@media (min-width:768px){.fab{bottom:1.5rem;right:1.5rem;width:64px;height:64px}}.btn-icon{width:38px;height:38px;border-radius:var(--radius);border:1px solid var(--border);background:transparent;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.btn-icon:hover{border-color:var(--accent-blue);color:var(--accent-blue)}.orden-card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border);overflow:hidden;transition:all .2s}.orden-card.ready{border-color:rgba(0,196,140,.5);animation:readyPulse 2s ease-in-out infinite}@keyframes readyPulse{0%,to{box-shadow:0 0 0 0 rgba(0,196,140,.3)}50%{box-shadow:0 0 16px 4px rgba(0,196,140,.1)}}.orden-card-header{padding:.85rem 1.1rem;display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid var(--border);gap:.75rem}.orden-mesa-label{font-family:var(--font-display);font-size:1.1rem;font-weight:800;letter-spacing:-.02em}.orden-cliente-label{font-size:.75rem;color:var(--text-muted);margin-top:.15rem}.orden-card-body{padding:.85rem 1.1rem}.orden-items-list{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.75rem}.orden-item-row{display:flex;align-items:center;gap:.5rem;font-size:.82rem}.orden-item-qty{color:var(--accent-blue);font-weight:700;font-size:.78rem;min-width:22px}.orden-card-footer{padding:.75rem 1.1rem;border-top:1px solid var(--border);display:flex;gap:.5rem;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.22rem .65rem;border-radius:var(--radius-pill);font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.badge-cooking{background:rgba(245,166,35,.12);color:#f5a623;border:1px solid rgba(245,166,35,.28)}.badge-ready{background:rgba(0,196,140,.12);color:var(--accent-green);border:1px solid rgba(0,196,140,.28);animation:readyBlink 1.5s ease-in-out infinite}@keyframes readyBlink{0%,to{opacity:1}50%{opacity:.55}}.badge-served{background:rgba(79,172,254,.12);color:var(--accent-blue);border:1px solid rgba(79,172,254,.25)}.badge-done{background:rgba(160,168,192,.08);color:var(--text-muted);border:1px solid var(--border)}.form-group{margin-bottom:1.25rem}.form-label{display:block;font-size:.7rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.4rem}.form-input,.form-select,.form-textarea{width:100%;padding:.85rem 1rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-family:var(--font);font-size:.95rem;transition:all .2s ease;outline:none;min-height:44px}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent-blue);background:var(--bg-card);box-shadow:0 0 0 3px rgba(79,172,254,.1)}.form-select option{background:var(--bg-secondary)}.form-textarea{resize:vertical;min-height:80px}.stepper{gap:.75rem}.stepper,.stepper-btn{display:flex;align-items:center}.stepper-btn{width:44px;height:44px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-card);color:var(--text-primary);font-size:1.3rem;font-weight:700;cursor:pointer;justify-content:center;transition:all .15s ease;flex-shrink:0}.stepper-btn:hover{background:var(--accent-blue);border-color:transparent;color:#0d0d14}.stepper-value{font-size:1.15rem;font-weight:800;min-width:36px;text-align:center}.category-tabs{display:flex;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--border);margin:0 -1rem;padding:0 1rem;gap:0}.category-tabs::-webkit-scrollbar{display:none}.category-tab{flex-shrink:0;padding:.8rem 1rem;font-size:.8rem;font-weight:600;cursor:pointer;border:none;border-bottom:2px solid transparent;background:transparent;color:var(--text-muted);transition:all .2s;white-space:nowrap;margin-bottom:-1px}.category-tab.active{color:var(--accent-blue);border-bottom-color:var(--accent-blue)}.menu-item{display:flex;align-items:center;gap:.85rem;padding:.9rem 0;border-bottom:1px solid var(--border);transition:padding-left .15s}.menu-item:last-child{border-bottom:none}.menu-item.in-cart{padding-left:.6rem;border-left:2px solid var(--accent-green);margin-left:-2px}.menu-item-info{flex:1 1;min-width:0}.menu-item-info h3{font-size:.9rem;font-weight:600}.menu-item-info p{font-size:.75rem;color:var(--text-muted);margin-top:.15rem;line-height:1.4}.menu-item-price{font-size:.88rem;font-weight:700;color:var(--accent-blue);white-space:nowrap;flex-shrink:0}.counter{gap:.4rem;flex-shrink:0}.counter,.counter-btn{display:flex;align-items:center}.counter-btn{width:34px;height:34px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-card);color:var(--text-primary);font-size:1.1rem;font-weight:700;cursor:pointer;justify-content:center;transition:all .15s}.counter-btn.has-item,.counter-btn:hover{background:var(--accent-blue);border-color:transparent;color:#0d0d14}.counter-value{font-size:.9rem;font-weight:800;min-width:24px;text-align:center}.cart-bar{position:fixed;bottom:0;left:0;right:0;padding:1rem 1.25rem;padding-bottom:calc(1rem + var(--safe-bottom));background:rgba(9,17,45,.95);border-top:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:90;display:flex;align-items:center;justify-content:space-between;gap:1rem}body.light-mode .cart-bar{background:rgba(240,244,248,.95)}.cart-bar-info{display:flex;flex-direction:column;gap:.1rem}.cart-bar-count{font-size:.72rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.cart-bar-total{font-size:1.25rem;font-weight:800;color:var(--accent-blue);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.modal-overlay{position:fixed;inset:0;background:rgba(5,11,32,.88);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:300;display:flex;align-items:flex-end;justify-content:center}@media (min-width:768px){.modal-overlay{align-items:center;padding:2rem}}.modal-content{background:var(--bg-card);border-radius:var(--radius-lg) var(--radius-lg) 0 0;border:1px solid var(--border);width:100%;max-width:480px;animation:slideUp .35s cubic-bezier(.16,1,.3,1);overflow:hidden}@media (min-width:768px){.modal-content{border-radius:var(--radius-lg);animation:fadeScale .25s ease}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadeScale{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.modal-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.modal-header h2{font-size:.95rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.modal-body{padding:1.5rem}.modal-footer{padding:1.25rem 1.5rem;border-top:1px solid var(--border);display:flex;gap:.75rem}.rating-group{margin-bottom:1.25rem}.rating-group-label{font-size:.72rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.5rem}.star-row{display:flex;gap:.4rem}.star-btn{background:none;border:none;cursor:pointer;padding:.2rem;transition:transform .15s;min-width:40px;min-height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm)}.star-btn:hover{transform:scale(1.2)}.toast-container{position:fixed;top:calc(var(--header-height) + .5rem);left:50%;transform:translateX(-50%);width:calc(100% - 2rem);max-width:440px;z-index:400;display:flex;flex-direction:column;gap:.5rem;pointer-events:none}.toast{padding:.85rem 1.25rem;border-radius:var(--radius-lg);font-size:.88rem;font-weight:500;display:flex;align-items:center;gap:.75rem;animation:toastIn .3s ease;box-shadow:0 4px 20px rgba(0,0,0,.4);pointer-events:all}@keyframes toastIn{0%{transform:translateY(-12px);opacity:0}to{transform:translateY(0);opacity:1}}.toast-success{background:var(--bg-card);color:var(--accent-green);border-left:3px solid var(--accent-green)}.toast-error{color:var(--accent-red);border-left:3px solid var(--accent-red)}.toast-error,.toast-info{background:var(--bg-card)}.toast-info{color:var(--accent-blue);border-left:3px solid var(--accent-blue)}.toast-warning{background:var(--bg-card);color:#f5a623;border-left:3px solid #f5a623}.spinner{width:32px;height:32px;border:2px solid var(--border);border-top-color:var(--accent-blue);border-radius:50%;animation:spin .8s linear infinite;margin:3rem auto}@keyframes spin{to{transform:rotate(1turn)}}.empty-state{text-align:center;padding:3rem 1.5rem;color:var(--text-muted)}.empty-state-icon{font-size:3rem;margin-bottom:1rem;opacity:.4}.empty-state h3{font-size:1.05rem;font-weight:700;color:var(--text-secondary);margin-bottom:.5rem}.empty-state p{font-size:.85rem;line-height:1.6}.section-title{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:.75rem;display:flex;align-items:center;gap:.4rem}.divider{height:1px;background:var(--border);margin:1rem 0}.text-muted{color:var(--text-muted)}.text-success{color:var(--accent-green)}.text-danger{color:var(--accent-red)}.text-blue{color:var(--accent-blue)}.text-sm{font-size:.82rem}.font-bold{font-weight:700}.font-display{font-family:var(--font-display)}.text-center{text-align:center}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}