:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{background:#1d1309}#root{text-align:left;box-sizing:border-box;width:100%;max-width:100%;min-height:100svh;margin:0}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--gold:#f2b040;--gold-dim:#9a6820;--gold-glow:#f2b04061;--gold-subtle:#f2b0401a;--gold-glass:#f2b04024;--text:#fdf5e2;--text-dim:#cdb47e;--text-muted:#806840;--red:#e86060;--red-dim:#e8606038;--glass-bg:#ffffff0e;--glass-bg-h:#ffffff17;--glass-border:#ffd78238;--glass-border-h:#ffd78266;--radius-card:22px}.home-page{min-height:100vh;color:var(--text);background:radial-gradient(75% 55% at 15% 8%,#d2821947 0%,#0000 58%),radial-gradient(55% 45% at 82% 62%,#a0551038 0%,#0000 52%),radial-gradient(65% 65% at 50% 95%,#be5f0c2e 0%,#0000 62%),#1d1309;max-width:1680px;margin:0 auto;font-family:Inter,system-ui,Segoe UI,Roboto,sans-serif}.home-header{border-bottom:1px solid var(--glass-border);z-index:20;-webkit-backdrop-filter:blur(22px)saturate(1.5);background:#140c04b8;justify-content:center;align-items:center;gap:20px;padding:26px 32px 20px;display:flex;position:sticky;top:0}.hh-title{letter-spacing:9px;text-transform:uppercase;color:var(--gold);text-shadow:0 0 30px var(--gold-glow), 0 0 60px #f2b04026;margin:0;font-size:18px;font-weight:300}.hh-deco{color:var(--gold-dim);opacity:.8;font-size:11px}.reg-header-btn{border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--gold);letter-spacing:1px;cursor:pointer;white-space:nowrap;border-radius:20px;padding:7px 16px;font-size:12px;transition:background .2s,border-color .2s}.reg-header-btn:hover{background:var(--glass-bg-h);border-color:var(--glass-border-h)}.reg-header-btn--danger{color:var(--red);background:#e8606014;border-color:#e860604d}.reg-header-btn--danger:hover{background:#e860602e;border-color:#e860608c}.stats-bar{border-bottom:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);background:#0a060259;justify-content:center;gap:72px;padding:18px 32px;display:flex}.stat{flex-direction:column;align-items:center;gap:5px;display:flex}.stat__v{color:var(--gold);font-variant-numeric:tabular-nums;letter-spacing:-1.5px;text-shadow:0 0 20px #f2b0404d;font-size:34px;font-weight:700;line-height:1;transition:color .3s}.stat__l{text-transform:uppercase;letter-spacing:2.2px;color:var(--text-muted);font-size:9px}.stat--pendiente{opacity:.85}.stat__v--pendiente{color:#c8b4ff;text-shadow:0 0 18px #b48cff66}.stat--online{opacity:.85}.stat__v--online{color:#6ee89a;text-shadow:0 0 18px #6ee89a59;align-items:center;gap:7px;display:flex}.online-dot{background:#6ee89a;border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:2.2s ease-in-out infinite online-blink;box-shadow:0 0 6px #6ee89acc}@keyframes online-blink{0%,to{opacity:1;box-shadow:0 0 6px #6ee89acc}50%{opacity:.45;box-shadow:0 0 2px #6ee89a33}}.zone-map-wrap{border-bottom:1px solid var(--glass-border);background:#0805024d;padding:8px 24px 6px}.zone-breadcrumb{align-items:center;gap:5px;margin-bottom:6px;display:flex}.zbc-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:3px;padding:1px 3px;font-size:10px;transition:color .15s}.zbc-btn:hover{color:var(--gold)}.zbc-btn--on{color:var(--gold);font-weight:700}.zbc-sep{color:var(--text-muted);font-size:10px}.zone-grid{grid-template-columns:repeat(10,1fr);gap:4px;display:grid}.zone-block{cursor:default;background:#ffffff0d;border:1px solid #ffc86433;border-radius:6px;transition:border-color .15s,background .15s;overflow:hidden}.zone-block:hover{border-color:#f2b0404d}.zone-block--active{border-color:var(--gold);background:#f2b0400f}.zone-block__header{cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;gap:2px;padding:3px 5px 0;display:flex}.zone-block__header:hover .zone-block__name{color:var(--gold)}.zone-block__header-row{align-items:center;gap:4px;display:flex}.zone-block__name{color:var(--text);white-space:nowrap;font-size:10px;font-weight:800;line-height:1;transition:color .15s}.zone-block--active .zone-block__name{color:var(--gold)}.zone-block__count{color:var(--text-dim);margin-left:auto;font-size:9px;line-height:1}.zone-block__bar{background:linear-gradient(90deg, var(--gold) var(--z-pct,0%), #ffffff0f var(--z-pct,0%));border-radius:0;width:100%;height:2px}.zone-block__mesas{grid-template-columns:repeat(5,1fr);gap:2px;padding:3px;display:grid}.zone-mesa-cell{aspect-ratio:1;cursor:pointer;background:#ffffff0a;border:1px solid #ffc86438;border-radius:3px;justify-content:center;align-items:center;transition:border-color .1s,transform .1s,background-color .1s;display:flex;position:relative;overflow:hidden}.zone-mesa-cell:before{content:"";height:calc(var(--m-pct,0) * 100%);pointer-events:none;background:#f2b04061;border-radius:0 0 2px 2px;position:absolute;bottom:0;left:0;right:0}.zone-mesa-cell:hover{z-index:2;border-color:#f2b040b3;transform:scale(1.18)}.zone-mesa-cell--sel{border-color:var(--gold);box-shadow:0 0 5px var(--gold-glow);z-index:2;transform:scale(1.18)}.zone-mesa-cell--full{background-color:#e8606033;border-color:#e8606080}.zone-mesa-cell--full:before{display:none}.zone-mesa-cell--full:hover{border-color:#e86060cc}.zone-mesa-cell--mine{border-color:var(--gold);background-color:#f2b0404d}.zone-mesa-cell--mine:before{display:none}.zone-mesa-cell--pendiente{background-color:#b48cff24;border-color:#b48cff99;animation:1.4s ease-in-out infinite zmc-pulse}.zone-mesa-cell--pendiente:before{display:none}@keyframes zmc-pulse{0%,to{border-color:#b48cff59}50%{border-color:#b48cfff2;box-shadow:0 0 4px #b48cff66}}.zmc-num{color:#ffe1a0e6;pointer-events:none;z-index:1;text-shadow:0 1px 3px #000c;font-size:8px;font-weight:800;line-height:1;position:relative}.zone-mesa-cell--sel .zmc-num,.zone-mesa-cell--mine .zmc-num{color:var(--gold)}.zone-mesa-cell--full .zmc-num{color:#ff8282f2}.zone-mesa-cell--pendiente .zmc-num{color:#d2befff2}.tipo-sel:focus,.tipo-sel:hover{color:var(--text);border-color:#f2b04073}.tipo-sel option{color:#1a1209;background:#fff}.legend{flex-wrap:wrap;gap:26px;padding:9px 32px 13px;display:flex}.leg{color:var(--text-muted);letter-spacing:.3px;align-items:center;gap:7px;font-size:11px;display:flex}.leg img{object-fit:contain;opacity:.85;width:22px;height:22px}.sel-toast{-webkit-backdrop-filter:blur(28px)saturate(1.4);border:1px solid var(--glass-border);box-shadow:0 8px 32px #00000059, 0 0 0 1px var(--gold-subtle), inset 0 1px 0 #fff0b41f;will-change:transform, opacity;background:#ffffff12;border-radius:16px;align-items:center;gap:14px;margin:14px 32px 0;padding:13px 20px;animation:.45s cubic-bezier(.34,1.56,.64,1) both toastIn;display:flex}@keyframes toastIn{0%{opacity:0;transform:translateY(-20px)scale(.93)}55%{opacity:1;transform:translateY(4px)scale(1.013)}78%{transform:translateY(-2px)scale(1.003)}to{opacity:1;transform:translateY(0)scale(1)}}.st-img{object-fit:contain;flex-shrink:0;width:34px;height:34px}.st-body{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.st-body strong{color:var(--gold);font-size:13px;font-weight:600;line-height:1}.st-body span{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.st-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;padding:5px 8px;font-size:14px;line-height:1;transition:color .15s,background .15s}.st-close:hover{color:var(--text);background:#ffffff12}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(6px);background:#080401b8;justify-content:center;align-items:center;padding:20px;animation:.22s both backdropIn;display:flex;position:fixed;inset:0}@keyframes backdropIn{0%{opacity:0}to{opacity:1}}.modal{border:1px solid var(--glass-border);background:#1e1307f7;border-radius:24px;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:380px;padding:36px 32px 28px;animation:.32s cubic-bezier(.34,1.4,.64,1) both modalIn;display:flex;box-shadow:0 24px 64px #000000a6,0 0 0 1px #f2b0401a,inset 0 1px #fff0b41a}@keyframes modalIn{0%{opacity:0;transform:scale(.86)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-icon{object-fit:contain;filter:drop-shadow(0 0 18px #f2b0408c);width:54px;height:54px;margin-bottom:6px}.modal-title{letter-spacing:3px;text-transform:uppercase;color:var(--gold-dim);margin:0;font-size:11px;font-weight:600}.modal-body{color:var(--text);text-align:center;margin:6px 0 0;font-size:17px;font-weight:400;line-height:1.5}.modal-body strong{color:var(--gold);font-weight:700}.modal-meta{color:var(--text-muted);align-items:center;gap:8px;margin-top:2px;font-size:11px;display:flex}.modal-meta-sep{opacity:.45}.modal-actions{gap:10px;width:100%;margin-top:20px;display:flex}.modal-btn{cursor:pointer;letter-spacing:.3px;border:none;border-radius:14px;flex:1;padding:13px 0;font-size:13px;font-weight:600;transition:transform .14s,box-shadow .14s,background .14s}.modal-btn:active{transform:scale(.96)}.modal-btn--cancel{color:var(--text-dim);background:#ffffff12;border:1px solid #ffffff1a}.modal-btn--cancel:hover{color:var(--text);background:#ffffff1f}.modal-btn--confirm{background:var(--gold);color:#1d1309;box-shadow:0 4px 20px #f2b04066}.modal-btn--confirm:hover{background:#f7c255;box-shadow:0 6px 28px #f2b04099}@media (width<=500px){.modal{border-radius:20px;padding:28px 20px 22px}.modal-body{font-size:15px}}.mesas-grid{grid-template-columns:repeat(4,1fr);gap:22px;padding:28px 32px 60px;display:grid}@media (width<=1300px){.mesas-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=860px){.mesas-grid{grid-template-columns:repeat(2,1fr);gap:16px;padding:20px 20px 44px}}@media (width<=500px){.mesas-grid{grid-template-columns:1fr;gap:14px;padding:16px 16px 36px}}.mesa-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(28px)saturate(1.5)brightness(1.06);border:1px solid var(--glass-border);border-radius:var(--radius-card);will-change:transform;flex-direction:column;align-items:center;gap:14px;padding:24px 18px 18px;transition:border-color .22s,box-shadow .22s,transform .22s,background .22s;animation:.52s cubic-bezier(.25,.46,.45,.94) both cardIn;display:flex;box-shadow:0 4px 24px #00000047,inset 0 1px #fff0b41a}.mesa-card:hover{background:var(--glass-bg-h);border-color:var(--glass-border-h);transform:translateY(-5px);box-shadow:0 10px 42px #0006,0 0 0 1px #f2b04024,inset 0 1px #fff0b42e}.mesa-card--full{border-color:#e8606052;box-shadow:0 4px 24px #00000047,inset 0 0 0 1px #e8606014}.mesa-card--full:hover{border-color:#e860608c;box-shadow:0 10px 42px #0006,0 0 0 1px #e8606026}@keyframes cardIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.mesa-visual{flex-shrink:0;width:272px;height:272px;position:relative}.mesa-center{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.mesa-img{filter:drop-shadow(0 8px 22px #000000a6);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:124px;height:auto;display:block}.mesa-overlay{text-align:center;white-space:nowrap;pointer-events:none;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.mo-name{color:#3a2d1c;font-size:12px;font-weight:800;line-height:1.2;display:block}.mo-tipo{color:#7a6040;text-overflow:ellipsis;max-width:96px;font-size:9px;display:block;overflow:hidden}.mo-count{color:#6a5030;margin-top:2px;font-size:11px;font-weight:700;display:block}.chair-slot{cursor:pointer;background:0 0;border:none;outline:none;justify-content:center;align-items:center;padding:0;display:flex}.chair-slot--occupied,.chair-slot--newlyOccupied,.chair-slot--pendiente,.chair-slot--mi_reserva{cursor:default}@keyframes chairPendiente{0%,to{filter:drop-shadow(0 0 4px #ffa0008c)brightness(.95)}50%{filter:drop-shadow(0 0 14px #ffa000e6)brightness(1.15)}}.chair-img--pendiente,.leg-img--pendiente{will-change:filter;animation:1.4s ease-in-out infinite chairPendiente}.chair-rot{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.chair-img{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;transition:transform .2s,filter .2s;display:block}@keyframes chairIdle{0%,to{transform:rotate(var(--rot,0deg)) scale(1);filter:drop-shadow(0 2px 5px #0000008c)}50%{transform:rotate(var(--rot,0deg)) scale(1.06);filter:drop-shadow(0 4px 10px #0000004d)brightness(1.12)}}.chair-slot--available .chair-rot{animation:3.8s ease-in-out infinite chairIdle;animation-delay:calc(var(--idle-delay,0s) * -1);will-change:transform, filter}.chair-slot--available:hover .chair-img{filter:drop-shadow(0 0 12px #f2b040b8);transform:scale(1.26)}.chair-slot--selected .chair-img{filter:drop-shadow(0 0 12px #f2b040d9)}.chair-img--pop{will-change:transform}.chair-img--flash{will-change:filter}@keyframes chairPop{0%{transform:scale(1)}16%{transform:scale(1.65)}38%{transform:scale(.75)}58%{transform:scale(1.22)}76%{transform:scale(.93)}88%{transform:scale(1.08)}to{transform:scale(1)}}.chair-img--pop{animation:.52s cubic-bezier(.36,.07,.19,.97) forwards chairPop}@keyframes chairFlash{0%{filter:drop-shadow(0 0 #0000)}18%{filter:drop-shadow(0 0 16px #e86060f2)brightness(1.5)}55%{filter:drop-shadow(0 0 7px #e860606b)}to{filter:drop-shadow(0 0 #0000)}}.chair-img--flash{animation:1.5s forwards chairFlash}.chair-num{color:#fffffff5;text-shadow:0 0 5px #000,0 1px 3px #000000fa,0 -1px 2px #000000e6;pointer-events:none;letter-spacing:-.3px;justify-content:center;align-items:center;padding-top:5px;font-size:10px;font-weight:800;display:flex;position:absolute;inset:0}.chair-slot--selected .chair-num{color:#fff}@keyframes chairMiReserva{0%,to{filter:drop-shadow(0 0 6px #f2b040a6)brightness()}50%{filter:drop-shadow(0 0 22px #f2b040)brightness(1.3)}}.chair-img--mi-reserva{will-change:filter;animation:1.8s ease-in-out infinite chairMiReserva}.chair-mi-badge{color:var(--gold);text-shadow:0 0 8px #f2b040f2;pointer-events:none;z-index:2;font-size:11px;line-height:1;position:absolute;top:-7px;right:-3px}.auth-backdrop{-webkit-backdrop-filter:none;background:#0d0802fa}.auth-modal{gap:14px;max-width:400px}.auth-modal__desc{color:var(--text-dim);text-align:center;margin:0;font-size:15px;line-height:1.55}.auth-modal__desc strong{color:var(--gold)}.auth-modal__desc--error{color:var(--red)}.auth-field{width:100%;margin-top:4px}.auth-input{box-sizing:border-box;border:1px solid var(--glass-border);width:100%;color:var(--text);letter-spacing:5px;text-align:center;-moz-appearance:textfield;background:#ffffff0d;border-radius:14px;outline:none;padding:14px 18px;font-size:22px;font-weight:300;transition:border-color .18s,box-shadow .18s}.auth-input::-webkit-inner-spin-button{-webkit-appearance:none}.auth-input::-webkit-outer-spin-button{-webkit-appearance:none}.auth-input:focus{border-color:var(--gold-dim);box-shadow:0 0 0 3px #f2b04024}.auth-input::placeholder{color:var(--text-muted);letter-spacing:1px;font-size:14px}.auth-input:disabled{opacity:.5}.auth-dots{justify-content:center;align-items:center;gap:5px;display:inline-flex}.auth-dots span{background:currentColor;border-radius:50%;width:6px;height:6px;animation:1.1s ease-in-out infinite authDot}.auth-dots span:nth-child(2){animation-delay:.18s}.auth-dots span:nth-child(3){animation-delay:.36s}@keyframes authDot{0%,80%,to{opacity:.45;transform:scale(.65)}40%{opacity:1;transform:scale(1.1)}}.auth-modal__not-found{flex-direction:column;gap:8px}.auth-divider{align-items:center;gap:10px;width:100%;margin-top:4px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--glass-border);flex:1;height:1px}.auth-divider span{color:var(--text-muted);white-space:nowrap;letter-spacing:.5px;font-size:11px}.auth-register-link{width:100%;color:var(--gold);letter-spacing:.5px;cursor:pointer;background:linear-gradient(135deg,#f2b04014 0%,#f2b0400a 100%);border:1px solid #f2b04040;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 0;font-size:14px;font-weight:600;text-decoration:none;transition:background .2s,border-color .2s,box-shadow .2s,transform .15s;display:flex}.auth-register-link:hover{background:linear-gradient(135deg,#f2b0402e 0%,#f2b0401a 100%);border-color:#f2b0408c;transform:translateY(-1px);box-shadow:0 4px 20px #f2b04033}.auth-register-link:active{transform:scale(.97)}.mesa-footer{flex-direction:column;align-items:center;gap:5px;width:100%;max-width:272px;display:flex}.mf-name{color:var(--text);letter-spacing:.3px;font-size:13px;font-weight:600;line-height:1}.mf-tipo{color:var(--text-muted);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:10px;line-height:1;overflow:hidden}.mesa-bar{background:#ffffff14;border-radius:2px;width:100%;height:3px;margin-top:3px;overflow:hidden}.mesa-bar__fill{height:100%;width:var(--pct,0%);background:linear-gradient(90deg, var(--gold-dim), var(--gold));border-radius:2px;transition:width .85s cubic-bezier(.34,1.1,.64,1);box-shadow:0 0 6px #f2b04073}.mesa-card--full .mesa-bar__fill{background:linear-gradient(90deg, #7a2424, var(--red));box-shadow:0 0 6px #e8606073}.mf-full{color:var(--red);letter-spacing:1.8px;text-transform:uppercase;margin-top:2px;font-size:9px;font-weight:800;animation:2.2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.38}}.loading{color:var(--text-muted);justify-content:center;align-items:center;gap:8px;padding:80px 32px;font-size:14px;display:flex}.loading-dot{background:var(--gold-dim);will-change:transform, opacity;border-radius:50%;width:7px;height:7px;animation:1.4s ease-in-out infinite dotPulse}.loading-dot:first-child{animation-delay:0s}.loading-dot:nth-child(2){animation-delay:.2s}.loading-dot:nth-child(3){animation-delay:.4s}@keyframes dotPulse{0%,80%,to{opacity:.35;transform:scale(.6)}40%{opacity:1;background:var(--gold);transform:scale(1.1)}}@media (width<=860px){.home-header{padding:20px 20px 16px}.hh-title{letter-spacing:6px;font-size:15px}.stats-bar{gap:44px;padding:14px 20px}.stat__v{font-size:28px}.zone-map-wrap{padding:10px 20px 8px}.legend{gap:18px;padding:8px 20px 10px}.sel-toast{margin:10px 20px 0}.mesa-card{-webkit-backdrop-filter:none;background:#160e05d9}.stab,.tipo-sel{-webkit-backdrop-filter:none}.chair-slot--available .chair-rot{will-change:auto;animation:none}}@media (width<=500px){.home-header{padding:18px 16px 14px}.hh-title{letter-spacing:4px;font-size:14px}.stats-bar{gap:26px;padding:12px 16px}.stat__v{font-size:24px}.zone-map-wrap{padding:8px 16px 6px}.zone-grid{grid-template-columns:repeat(5,1fr);gap:5px}.zone-block__mesas{grid-template-columns:repeat(5,1fr)}.legend{padding:8px 16px 10px}.sel-toast{margin:8px 16px 0}.mesa-card{padding:18px 12px 16px}}