*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f6f5f2;color:#23201b}button{cursor:pointer;font-family:inherit}.login-pantalla{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}.login-tarjeta{background:#fff;border-radius:12px;padding:32px;width:100%;max-width:360px;box-shadow:0 2px 16px #00000014;display:flex;flex-direction:column;gap:14px}.login-tarjeta h1{margin:0;font-size:22px}.login-subtitulo{margin:0 0 8px;color:#8a8478}.login-tarjeta label{display:flex;flex-direction:column;gap:6px;font-size:14px;color:#514c42}.login-tarjeta input{padding:10px 12px;border:1px solid #ddd8cd;border-radius:8px;font-size:15px}.login-tarjeta button{margin-top:8px;padding:11px;border:none;border-radius:8px;background:#8b3a2c;color:#fff;font-size:15px;font-weight:600}.login-tarjeta button:disabled{opacity:.6;cursor:default}.mensaje-error{background:#fbeae7;color:#a33323;padding:8px 10px;border-radius:6px;font-size:13px}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:24px;padding:12px 20px;background:#23201b;color:#fff}.topbar-titulo{font-weight:700}.topbar-nav{display:flex;gap:16px;flex:1}.topbar-nav a{color:#d8d3c8;text-decoration:none;padding:6px 10px;border-radius:6px;font-size:14px}.topbar-nav a.activo,.topbar-nav a:hover{background:#ffffff1f;color:#fff}.topbar-usuario{display:flex;align-items:center;gap:12px;font-size:14px}.topbar-usuario button{background:transparent;border:1px solid #565149;color:#d8d3c8;padding:6px 12px;border-radius:6px}.topbar-usuario button:hover{background:#ffffff14}.contenido{flex:1;padding:20px;max-width:1100px;width:100%;margin:0 auto}.dia-cabecera{display:flex;align-items:center;gap:12px;margin-bottom:16px}.dia-cabecera input[type=date]{padding:8px 10px;border:1px solid #ddd8cd;border-radius:8px;font-size:14px}.reservas-tabla{width:100%;border-collapse:collapse;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 1px 6px #0000000d}.reservas-tabla th,.reservas-tabla td{text-align:left;padding:10px 12px;border-bottom:1px solid #eee9dd;font-size:14px;vertical-align:top}.reservas-tabla th{background:#efece2;font-size:12px;text-transform:uppercase;letter-spacing:.03em;color:#6b6659}.pill{display:inline-block;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:600}.pill-PENDIENTE_DE_ACEPTACION{background:#fdf0d5;color:#8a5a10}.pill-CONFIRMADA{background:#e3f2e1;color:#2a7a2a}.pill-EN_REVISION{background:#fde8e3;color:#a33323}.pill-SENTADO{background:#e1eefb;color:#1c5c99}.pill-NO_SHOW,.pill-CANCELADA{background:#ececec;color:#6b6659}.fila-acciones{display:flex;gap:6px;flex-wrap:wrap}.fila-acciones button{border:1px solid #ddd8cd;background:#fff;border-radius:6px;padding:5px 9px;font-size:12px}.fila-acciones button:hover{background:#f4f1e9}.fila-acciones button.peligro{border-color:#e3b3aa;color:#a33323}.aviso-limite{color:#a33323;font-size:12px;margin-top:2px}.vacio{padding:24px;text-align:center;color:#8a8478}.dia-cuerpo{display:grid;grid-template-columns:minmax(320px,1fr) minmax(420px,620px);gap:16px;align-items:start}@media (max-width: 980px){.dia-cuerpo{grid-template-columns:1fr}}.mesa-mapa-scroll{background:#fff;border-radius:10px;padding:14px;box-shadow:0 1px 6px #0000000d;overflow-x:auto}.mesa-mapa{position:relative;background:#eef1e8;border-radius:8px;min-width:900px}.mesa-plano{position:absolute;border:none;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;cursor:default;padding:0}.mesa-plano-libre{background:#3f9142}.mesa-plano-pendiente{background:#d69a1f}.mesa-plano-ocupada{background:#2f6fb2}.mesa-plano-clicable{cursor:pointer}.mesa-plano-clicable:hover{filter:brightness(1.1)}.mesa-plano-seleccionada{outline:3px solid #8b3a2c;outline-offset:2px}.mesa-plano-badge{position:absolute;top:-8px;right:-8px;background:#a33323;color:#fff;font-size:10px;font-weight:700;padding:1px 5px;border-radius:999px}.mesa-mapa-leyenda{display:flex;gap:16px;margin-top:10px;font-size:12px;color:#6b6659}.mesa-mapa-leyenda span{display:inline-flex;align-items:center;gap:6px}.mesa-leyenda-punto{width:10px;height:10px;border-radius:3px;display:inline-block}.mesa-leyenda-libre{background:#3f9142}.mesa-leyenda-pendiente{background:#d69a1f}.mesa-leyenda-ocupada{background:#2f6fb2}.formulario{background:#fff;border-radius:10px;padding:20px;max-width:640px;box-shadow:0 1px 6px #0000000d;display:flex;flex-direction:column;gap:14px}.formulario h2{margin:0}.formulario-fila{display:flex;gap:12px}.formulario-fila>label{flex:1}.formulario label{display:flex;flex-direction:column;gap:6px;font-size:14px;color:#514c42}.formulario input,.formulario select,.formulario textarea{padding:9px 10px;border:1px solid #ddd8cd;border-radius:8px;font-size:14px}.modo-tabs{display:flex;gap:8px;margin-bottom:4px}.modo-tabs button{flex:1;padding:9px;border-radius:8px;border:1px solid #ddd8cd;background:#f6f5f2;font-size:13px;font-weight:600}.modo-tabs button.activo{background:#8b3a2c;color:#fff;border-color:#8b3a2c}.mesas-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}.mesa-check{display:flex;align-items:center;gap:6px;border:1px solid #ddd8cd;border-radius:8px;padding:8px;font-size:13px}.mesa-check.seleccionada{border-color:#8b3a2c;background:#fbeae7}.mensaje-exito{background:#e3f2e1;color:#2a7a2a;padding:8px 10px;border-radius:6px;font-size:13px}.aviso-caja{background:#fdf0d5;color:#8a5a10;padding:10px 12px;border-radius:8px;font-size:13px;display:flex;flex-direction:column;gap:8px}.aviso-caja button{align-self:flex-start;padding:6px 12px;border-radius:6px;border:1px solid #8a5a10;background:#fff}