:root{--bg:#0c0a08;--bg-2:#14110e;--bg-3:#1c1814;--line:#e8c58c24;--gold:#e0b07a;--gold-2:#c48a4a;--ink:#f6f0e6;--muted:#9a8d7c;--ok:#6ee7b7;--warn:#fbbf24;--hot:#fb7185;--teal:#5eead4;--libre:#1a221c;--ocupada:#2a2418;--cocina:#2c1810;--barra:#14222a;--lista:#2a220c;--servida:#12221e;--radius:16px;--font:"DM Sans", system-ui, sans-serif;--display:"Fraunces", Georgia, serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:var(--font);color:var(--ink);background:radial-gradient(ellipse 80% 45% at 50% -10%, #c48a4a2e, transparent), radial-gradient(ellipse 50% 40% at 100% 100%, #5eead40f, transparent), var(--bg);-webkit-font-smoothing:antialiased;margin:0}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}img{max-width:100%}.login{grid-template-columns:minmax(280px,1fr) minmax(320px,420px);align-items:center;gap:48px;min-height:100dvh;padding:32px 40px;display:grid;position:relative;overflow:hidden}.login:before{content:"";pointer-events:none;background:radial-gradient(circle at 20% 20%,#e0b07a29,#0000 40%),radial-gradient(circle at 80% 80%,#5eead414,#0000 35%);position:absolute;inset:-20%}.login-card{border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#14110ee6;border-radius:24px;width:100%;padding:36px 32px 28px;position:relative}.login-scene{z-index:1;justify-items:center;gap:12px;display:grid;position:relative}.scene-kicker{letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin:0;font-size:.7rem;font-weight:700}.scene-plot{width:280px;height:280px;position:relative}.scene-table{color:inherit;background:radial-gradient(circle at 32% 28%,#6a5640,#2a2218 62%);border:5px solid #c4a574;border-radius:50%;place-items:center;display:grid;position:absolute;inset:72px;box-shadow:inset 0 0 0 6px #00000047,0 18px 40px #00000059}.scene-table b{z-index:4;font-family:var(--display);text-shadow:0 2px 10px #000000bf;font-size:2.4rem;font-weight:500;position:relative}.scene-silla{width:28px;height:32px;transform:rotate(var(--a)) translateY(-108px);background:0 0;border:0;margin:-16px 0 0 -14px;padding:0;position:absolute;top:50%;left:50%}.scene-silla .silla-back,.scene-silla .silla-seat{display:block}.scene-silla .silla-back{height:9px;margin:0 4px}.scene-silla .silla-seat{height:18px}.scene-silla.on .silla-back,.scene-silla.on .silla-seat{background:var(--gold);border-color:#e8c58c;animation:.35s both sit-in}.scene-plates{pointer-events:none;position:absolute;inset:18%}.plate{background:radial-gradient(circle at 38% 32%,#f7ead4,#d4b48a 58%,#8a6a42);border:2px solid #b08958;border-radius:50%;width:28px;height:28px;animation:.45s cubic-bezier(.2,.8,.2,1) both plate-land;position:absolute;box-shadow:inset 0 0 0 3px #ffffff2e}.plate:after{content:"";background:radial-gradient(circle at 40% 35%,#e07a48,#8a3018);border-radius:50%;position:absolute;inset:6px}.plate.p1:after{background:radial-gradient(circle at 40% 35%,#c4d48a,#4a6a28)}.plate.p2:after{background:radial-gradient(circle at 40% 35%,#f0c070,#a45a18)}.plate.p0{animation-delay:50ms;top:12%;left:2%}.plate.p1{animation-delay:.18s;top:12%;right:2%}.plate.p2{animation-delay:.3s;bottom:2%;left:36%}.login-scene.lista .plate{animation:1.1s ease-in-out infinite plate-glow}.steam{pointer-events:none;width:40px;height:36px;position:absolute;top:6px;left:50%;transform:translate(-50%)}.steam i{background:#f6f0e6b3;border-radius:50%;width:8px;height:8px;animation:1.6s ease-in infinite steam-up;position:absolute;bottom:0;box-shadow:0 0 8px #f6f0e673}.steam i:first-child{animation-delay:0s;left:6px}.steam i:nth-child(2){animation-delay:.35s;left:16px}.steam i:nth-child(3){animation-delay:.7s;left:26px}.steam-sm{z-index:4;width:36px;height:28px;top:-16px}.steam-sm i{width:7px;height:7px}.scene-badge{letter-spacing:.16em;text-transform:uppercase;border:1px solid var(--line);background:#00000059;border-radius:999px;padding:6px 12px;font-size:.72rem;font-weight:700}.scene-badge.comanda{color:var(--gold)}.scene-badge.cocina{color:#fb923c}.scene-badge.lista{color:#1a140c;background:#f5c542;border-color:#f5c542;animation:1.1s ease-in-out infinite pulse}.scene-hint{color:var(--muted);margin:0;font-size:.82rem}.login-scene.lista .scene-table{border-color:#f5c542}.login-scene.cocina .scene-table{border-color:#c45a2a}@keyframes plate-land{0%{opacity:0;transform:translateY(-22px)scale(.4)}to{opacity:1;transform:none}}@keyframes plate-glow{0%,to{filter:brightness()}50%{filter:brightness(1.35)}}@keyframes steam-up{0%{opacity:.4;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-22px)scale(1.6)}}@keyframes sit-in{0%{transform:scale(.7)}to{transform:scale(1)}}.platos-mini{pointer-events:none;position:absolute;inset:10px}.mini-plate{background:radial-gradient(circle at 40% 35%,#f3e6d0,#c4a574);border:1px solid #8a7048;border-radius:50%;width:11px;height:11px;animation:.4s both plate-land;position:absolute}.mini-plate.mp0{top:10px;left:2px}.mini-plate.mp1{top:8px;right:2px}.mini-plate.mp2{bottom:2px;left:12px}.mini-plate.mp3{bottom:4px;right:10px}.platos-mini.lista .mini-plate{animation:1.1s ease-in-out infinite plate-glow}.tablero{overflow:visible}.steam-sm{z-index:3}@media (prefers-reduced-motion:reduce){.plate,.mini-plate,.steam i,.scene-silla.on .silla-back,.scene-silla.on .silla-seat,.login-scene.lista .plate,.scene-badge.lista,.platos-mini.lista .mini-plate{animation:none!important}}@media (width<=900px){.login{grid-template-columns:1fr;justify-items:center;gap:12px;padding:20px 16px 32px}.scene-plot{width:220px;height:220px}.scene-table{inset:56px}.scene-silla{transform:rotate(var(--a)) translateY(-84px)}.login-card{max-width:420px}}.login-card img{width:auto;height:52px;display:block}.login-kicker{letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin:18px 0 6px;font-size:.68rem;font-weight:700}.login-card h1{font-family:var(--display);margin:0 0 8px;font-size:2rem;font-weight:500}.login-card p{color:var(--muted);margin:0 0 22px;font-size:.95rem;line-height:1.45}.field{gap:6px;margin-bottom:14px;display:grid}.field span{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.72rem}.field input{border:1px solid var(--line);background:#0c0a08;border-radius:12px;outline:none;padding:12px 14px}.field input:focus{border-color:var(--gold)}.err{color:var(--hot);margin:0 0 12px;font-size:.85rem}.btn{background:linear-gradient(135deg, var(--gold), var(--gold-2));color:#1a140c;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-weight:600;display:inline-flex}.btn:disabled{opacity:.55;cursor:wait}.btn-ghost{border:1px solid var(--line);color:var(--ink);background:0 0}.btn-line{background:var(--bg-3);border:1px solid var(--line);color:var(--ink)}.btn-ok{color:var(--ok);background:#0f3d32;border:1px solid #6ee7b74d}.btn-hot{color:var(--hot);background:#3a1518;border:1px solid #fb71854d}.btn-sm{border-radius:10px;padding:8px 12px;font-size:.85rem}.login-foot{color:var(--muted);margin-top:18px;font-size:.75rem}.shell{grid-template-rows:auto 1fr;min-height:100dvh;display:grid}.top{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:20;background:#0c0a08eb;align-items:center;gap:16px;padding:10px 16px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;min-width:180px;display:flex}.brand img{height:36px}.brand strong{font-size:.82rem;display:block}.brand em{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;font-style:normal;display:block}.nav{flex:1;gap:6px;display:flex}.nav button{color:var(--muted);background:0 0;border:1px solid #0000;border-radius:999px;padding:8px 14px;font-size:.88rem;font-weight:600}.nav button.on{color:var(--ink);background:var(--bg-3);border-color:var(--line)}.meta{color:var(--muted);align-items:center;gap:12px;font-size:.78rem;display:flex}.dot{background:#4b5563;border-radius:50%;width:8px;height:8px}.dot.on{background:var(--ok);box-shadow:0 0 0 4px #6ee7b726}.clock{font-variant-numeric:tabular-nums}.stage{padding:18px 18px 32px}.kpis{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px;display:grid}.kpi{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px}.kpi b{font-family:var(--display);font-size:1.6rem;font-weight:500;display:block}.kpi span{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:.78rem}.kpi.lista b{color:var(--warn)}.kpi.cocina b{color:var(--gold)}.legend{color:var(--muted);flex-wrap:wrap;gap:10px;margin-bottom:16px;font-size:.78rem;display:flex}.legend i{border-radius:3px;width:10px;height:10px;margin-right:6px;display:inline-block}.legend .l-libre{background:#3f4a42}.legend .l-ocupada{background:#8a7048}.legend .l-cocina{background:#c45a2a}.legend .l-barra{background:#3b82a0}.legend .l-lista{background:#eab308}.legend .l-servida{background:#2dd4bf}.floor{gap:18px;display:grid}.zone{background:var(--bg-2);border:1px solid var(--line);border-radius:20px;padding:16px}.zone h2{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0 0 12px;font-size:.72rem}.tables{gap:14px;display:grid}.tables.salon,.tables.row{grid-template-columns:repeat(4,1fr)}.mesa-card{border:1px solid var(--line);background:var(--libre);border-radius:20px;flex-direction:column;align-items:stretch;gap:6px;min-height:188px;padding:10px 10px 12px;display:flex;position:relative}.mesa-card.ocupada{background:var(--ocupada)}.mesa-card.cocina{background:var(--cocina);border-color:#c45a2a73}.mesa-card.barra{background:var(--barra);border-color:#3b82a073}.mesa-card.lista{background:#3a2c08;border-color:#f5c542;animation:1.1s ease-in-out infinite pulse}.mesa-card.servida{background:var(--servida);border-color:#2dd4bf73}.recoger-box{text-align:center;background:#eab30829;border:1px solid #f5c5428c;border-radius:12px;gap:6px;padding:8px;display:grid}.recoger-box strong{color:#ffe08a;letter-spacing:.12em;text-transform:uppercase;font-size:.78rem}.recoger-box em{color:var(--ink);font-size:.78rem;font-style:normal;line-height:1.3}.cobrar-mesa{width:100%}.pasaplatos{background:#3a2c08;border:1px solid #f5c5428c;border-radius:14px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;padding:10px 12px;display:flex}.pasaplatos strong{letter-spacing:.12em;text-transform:uppercase;color:#ffe08a;margin-right:6px;font-size:.68rem}.pasaplatos button{color:var(--ink);background:#1a150c;border:1px solid #f5c54266;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:.85rem;font-weight:600;display:inline-flex}.pasaplatos button span{color:#1a140c;letter-spacing:.08em;text-transform:uppercase;background:#f5c542;border-radius:999px;padding:2px 8px;font-size:.68rem}.aviso-recoger{background:#3a2c08;border:1px solid #f5c5428c;border-radius:14px;gap:8px;margin:0 16px;padding:12px;display:grid}.aviso-recoger strong{color:#ffe08a}.aviso-recoger span{color:var(--muted);font-size:.85rem}.mesa-hit{text-align:center;color:inherit;background:0 0;border:0;padding:0}.plot{width:124px;height:124px;margin:0 auto 4px;position:relative}.tablero{background:radial-gradient(circle at 35% 30%,#5a4a38,#2a2218 70%);border:3px solid #c4a574;border-radius:50%;place-items:center;display:grid;position:absolute;inset:34px;box-shadow:inset 0 0 0 4px #00000040}.plot.bar .tablero{border-radius:10px;inset:42px 16px 28px}.tablero b{font-family:var(--display);font-size:1.45rem;font-weight:500;line-height:1}.silla{pointer-events:none;width:16px;height:18px;position:absolute}.silla.orbit{transform:rotate(var(--a)) translateY(-50px);margin:-9px 0 0 -8px;top:50%;left:50%}.silla.row{top:auto;bottom:6px;left:calc(12% + (76% * var(--i) / max(var(--n) - 1, 1)));margin:0;transform:translate(-50%)}.silla-back{background:#4a433a;border-radius:4px 4px 1px 1px;height:6px;margin:0 2px;display:block}.silla-seat{background:#5c544a;border:1px solid #e8c58c33;border-radius:3px;height:11px;margin-top:1px;display:block}.silla.on .silla-back,.silla.on .silla-seat{background:var(--gold);border-color:#e8c58c}.mesa-meta{justify-content:space-between;align-items:center;gap:8px;padding:0 4px;display:flex}.mesa-meta .name{color:var(--muted);font-size:.78rem}.mesa-card .st{letter-spacing:.1em;text-transform:uppercase;background:#00000047;border-radius:999px;padding:3px 7px;font-size:.62rem;font-weight:700}.mesa-card.lista .st{color:#fde68a;background:#eab3082e}.mesa-people{color:var(--muted);justify-content:center;align-items:center;gap:8px;font-size:.75rem;display:flex}.mesa-people strong{color:var(--ink);font-variant-numeric:tabular-nums;text-align:center;min-width:1.2rem}.silla-btn{border:1px solid var(--line);background:var(--bg-3);width:28px;height:28px;color:var(--ink);border-radius:8px;place-items:center;padding:0;font-size:1.05rem;line-height:1;display:inline-grid}.silla-btn:disabled{opacity:.35;cursor:default}.silla-btn.add{color:var(--gold);background:#2a2418;border-color:#e0b07a59}.mesa-bill{text-align:center;font-variant-numeric:tabular-nums;color:var(--muted);font-size:.88rem;font-weight:700}.mesa-bill.on{color:var(--gold)}.silla-bar{border-bottom:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;padding:10px 18px;font-size:.82rem;display:flex}.silla-step{align-items:center;gap:10px;display:flex}.silla-step strong{color:var(--ink);text-align:center;min-width:1.4rem;font-size:1.15rem}.factura{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:baseline;margin-top:10px;padding-top:10px;font-size:.82rem;display:flex}.factura strong{font-family:var(--display);color:var(--gold);font-size:1.45rem;font-weight:500}.line-eur{color:var(--gold);font-variant-numeric:tabular-nums;font-style:normal;font-weight:700}.foot-total{width:100%;color:var(--muted);flex-basis:100%;justify-content:space-between;margin-bottom:2px;font-size:.8rem;display:flex}.foot-total b{color:var(--gold);font-size:1.15rem}@keyframes pulse{0%,to{box-shadow:0 0 #f5c5428c}50%{box-shadow:0 0 0 10px #f5c54200}}.toast-lista{z-index:40;gap:8px;display:grid;position:fixed;bottom:18px;right:18px}.toast{color:#fde68a;background:#2a220c;border:1px solid #eab30899;border-radius:14px;min-width:240px;padding:12px 14px;font-weight:600}.drawer-back{z-index:30;background:#00000073;position:fixed;inset:0}.drawer{border-left:1px solid var(--line);z-index:31;background:#120f0c;flex-direction:column;width:min(520px,100%);height:100dvh;display:flex;position:fixed;top:0;right:0;overflow:hidden}.drawer-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;padding:16px 18px 10px;display:flex}.drawer-head h2{font-family:var(--display);margin:0;font-size:1.6rem;font-weight:500}.drawer-head p{color:var(--muted);margin:4px 0 0;font-size:.85rem}.ticket-list{border-bottom:1px solid var(--line);max-height:28vh;padding:12px 18px;overflow:auto}.ticket-line{border-bottom:1px solid #e8c58c14;grid-template-columns:28px 1fr auto auto;align-items:center;gap:8px;padding:8px 0;font-size:.92rem;display:grid}.ticket-line small{color:var(--muted);display:block}.carta-search{padding:10px 18px 0}.carta-search input{background:var(--bg);border:1px solid var(--line);border-radius:12px;width:100%;padding:10px 12px}.cats{gap:6px;padding:10px 18px;display:flex;overflow:auto}.cats button{white-space:nowrap;border:1px solid var(--line);color:var(--muted);background:0 0;border-radius:999px;padding:6px 12px;font-size:.8rem}.cats button.on{color:var(--ink);background:var(--bg-3)}.platos{flex:1;gap:8px;padding:0 12px 16px;display:grid;overflow:auto}.plato{text-align:left;background:var(--bg-2);border:1px solid var(--line);border-radius:14px;padding:12px}.plato.off{opacity:.4}.plato .row{justify-content:space-between;gap:10px;display:flex}.plato strong{font-size:.95rem}.plato em{color:var(--gold);font-style:normal;font-weight:700}.plato p{color:var(--muted);margin:4px 0 0;font-size:.8rem}.tag-dia{letter-spacing:.1em;text-transform:uppercase;color:var(--teal);margin-top:6px;font-size:.65rem;font-weight:700;display:inline-block}.drawer-foot{padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#0e0c0a;flex-wrap:wrap;gap:8px;display:flex}.drawer-foot .btn{flex:1}.kds{grid-template-columns:1.4fr .8fr;align-items:start;gap:14px;display:grid}.kds-col h2{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0 0 10px;font-size:.72rem}.tickets{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;display:grid}.ticket{background:var(--bg-2);border:1px solid var(--line);border-radius:18px;gap:10px;padding:14px;display:grid}.ticket.late{border-color:#fb71858c}.ticket.ready{background:#10201c;border-color:#6ee7b773}.ticket-top{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.ticket-top b{font-family:var(--display);font-size:1.35rem;font-weight:500}.ticket-top span{font-variant-numeric:tabular-nums;color:var(--gold);font-weight:700}.item{border-top:1px solid #e8c58c14;grid-template-columns:1fr auto;gap:8px;padding:8px 0;display:grid}.item .qty{color:var(--gold);margin-right:6px;font-weight:700}.item small{color:var(--muted);display:block}.item.en_curso{background:#e0b07a0f;border-radius:10px;margin:0 -8px;padding:8px}.item.listo{opacity:.45;text-decoration:line-through}.item-actions{gap:6px;display:flex}.carta-grid{grid-template-columns:1.1fr .9fr;gap:16px;display:grid}.editor{background:var(--bg-2);border:1px solid var(--line);border-radius:18px;padding:16px;position:sticky;top:72px}.editor h2{font-family:var(--display);margin:0 0 12px;font-weight:500}.grid2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.editor textarea,.editor input,.editor select{background:var(--bg);border:1px solid var(--line);border-radius:10px;width:100%;padding:10px}.checks{color:var(--muted);gap:16px;margin:10px 0 14px;font-size:.88rem;display:flex}.table-admin{border-collapse:collapse;width:100%;font-size:.88rem}.table-admin th{text-align:left;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;padding:8px;font-size:.72rem;font-weight:600}.table-admin td{border-top:1px solid var(--line);padding:10px 8px}.badge{letter-spacing:.08em;text-transform:uppercase;background:var(--bg-3);color:var(--gold);border-radius:999px;padding:3px 7px;font-size:.68rem;font-weight:700}.empty{color:var(--muted);text-align:center;border:1px dashed var(--line);border-radius:16px;padding:32px}.boot{min-height:100dvh;color:var(--muted);place-items:center;display:grid}@media (width<=980px){.kpis,.kds,.carta-grid,.tables.salon,.tables.row{grid-template-columns:1fr 1fr}.nav{overflow:auto}.brand em{display:none}}@media (width<=640px){.kpis,.tables.salon,.tables.row,.kds,.carta-grid,.grid2{grid-template-columns:1fr}.top{flex-wrap:wrap}.drawer{width:100%}}