:root{--verde:#0b6e4f;--verde2:#12a06f;--fondo:#0f1115;--tarjeta:#1a1d24;--linea:#2a2e37;--texto:#e8eaed;--tenue:#9aa0a6;--azul:#2d6cdf;--rojo:#e74c3c;--amarillo:#d4a017}*{box-sizing:border-box}body{background:var(--fondo);color:var(--texto);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.pantalla{place-items:center;min-height:100vh;padding:24px;display:grid}.tarjeta{background:var(--tarjeta);border:1px solid var(--linea);text-align:center;border-radius:16px;flex-direction:column;gap:14px;width:100%;max-width:420px;padding:32px;display:flex}.tarjeta h1{margin:0;font-size:2.2rem}.lead{color:var(--verde2);margin:0;font-weight:600}.ayuda{color:var(--tenue);margin:0;font-size:.9rem}.estado{color:var(--tenue)}.error{color:var(--rojo);margin:0;font-size:.9rem}label{text-align:left;color:var(--tenue);flex-direction:column;gap:6px;font-size:.85rem;display:flex}input,select{border:1px solid var(--linea);color:var(--texto);background:#0f1115;border-radius:10px;width:100%;padding:12px 14px;font-size:1rem}input:focus{outline:2px solid var(--verde2);border-color:#0000}button{background:var(--verde);color:#fff;cursor:pointer;border:0;border-radius:10px;padding:12px 18px;font-size:1rem;font-weight:600}button:hover{background:var(--verde2)}button:disabled{opacity:.6;cursor:default}.app{min-height:100vh}.barra{background:var(--tarjeta);border-bottom:1px solid var(--linea);z-index:10;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:12px 20px;display:flex;position:sticky;top:0}.tabs{gap:8px;display:flex}.tabs button{color:var(--tenue);background:0 0;padding:8px 16px}.tabs button.on{background:var(--verde);color:#fff}.quien{color:var(--tenue);font-size:.85rem}.quien a{color:var(--verde2);cursor:pointer;text-decoration:underline}.contenido{max-width:900px;margin:0 auto;padding:20px}.col{flex-direction:column;gap:20px;display:flex}.panel{background:var(--tarjeta);border:1px solid var(--linea);border-radius:14px;padding:20px}.panel h2{margin:0 0 12px;font-size:1.15rem}.fila{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.fila input{flex:1;min-width:130px}.fila button{flex-shrink:0}.local{border-top:1px solid var(--linea);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;display:flex}.local:first-of-type{border-top:0}.local-info{flex-direction:column;gap:3px;display:flex}.local-info small{color:var(--tenue)}.local-acciones{flex-wrap:wrap;gap:8px;display:flex}.chip{color:var(--texto);background:#262b34;padding:8px 12px;font-size:.85rem;font-weight:500}.chip:hover{background:#313845}.chip.azul{background:var(--azul);color:#fff}.chip.rojo{color:var(--rojo);border:1px solid var(--rojo);background:0 0}.badge{border-radius:999px;width:fit-content;margin-top:2px;padding:3px 8px;font-size:.75rem}.badge.ok{color:#58d68d;background:#12a06f33}.badge.amarillo{color:var(--amarillo);background:#d4a01733}.badge.off{color:var(--rojo);background:#e74c3c33}.badge.gris{color:var(--tenue);background:#262b34}.tablero-barra-sup{justify-content:space-between;align-items:center;gap:12px;display:flex}.tablero-barra-sup button:not(.chip){background:var(--verde)}.tablero{border:1px solid var(--linea);touch-action:none;background:linear-gradient(#1a1d24,#1a1d24) padding-box padding-box,repeating-linear-gradient(0deg,#22262f 0 1px,#0000 1px 40px),repeating-linear-gradient(90deg,#22262f 0 1px,#0000 1px 40px);border-radius:14px;width:100%;height:65vh;min-height:380px;position:relative;overflow:hidden}.tablero.editando{border-color:var(--verde2);box-shadow:inset 0 0 0 2px #12a06f40}.centro{text-align:center;position:absolute;top:50%;left:0;right:0}.ficha{color:#fff;-webkit-user-select:none;user-select:none;cursor:pointer;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:92px;height:68px;font-size:.95rem;display:flex;position:absolute;box-shadow:0 4px 10px #00000059}.ficha small{opacity:.85;font-size:.7rem}.ficha.mesa.chico{background:linear-gradient(160deg,#12a06f,#0b6e4f)}.ficha.mesa.tiempo{background:linear-gradient(160deg,#3a7bd5,#2d6cdf)}.ficha.barra{background:linear-gradient(160deg,#7a5230,#5a3d22);width:150px;height:54px;font-weight:600}.tablero.editando .ficha{cursor:grab;outline:2px dashed #fff6}.modal-fondo{z-index:50;background:#0009;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:var(--tarjeta);border:1px solid var(--linea);text-align:center;border-radius:16px;flex-direction:column;gap:14px;width:100%;max-width:420px;padding:28px;display:flex}.modal h2{margin:0}.ficha.mesa.ocupada{outline:3px solid #f1c40f;box-shadow:0 0 14px #f1c40f80}.modal.cuenta{text-align:left;gap:12px;max-width:460px}.cuenta-cab{justify-content:space-between;align-items:center;display:flex}.cuenta-cab h2{margin:0}.boton-grande{flex-direction:column;align-items:center;gap:4px;padding:22px;font-size:1.5rem;display:flex}.boton-grande small{opacity:.85;font-size:.9rem;font-weight:400}.cronometro{text-align:center;background:#0f1115;border-radius:12px;padding:16px}.reloj{font-variant-numeric:tabular-nums;color:#58d68d;font-size:2.6rem;font-weight:700}.cronometro small{color:var(--tenue)}.bebidas-rapidas{flex-wrap:wrap;gap:8px;display:flex}.chip.bebida{flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;display:flex}.chip.bebida span{color:var(--tenue);font-size:.72rem}.chip.bebida:disabled{opacity:.5}.renglones{flex-direction:column;gap:6px;max-height:34vh;display:flex;overflow-y:auto}.renglon{border-bottom:1px solid var(--linea);justify-content:space-between;align-items:center;padding-bottom:6px;font-size:.95rem;display:flex}.renglon-der{align-items:center;gap:10px;display:flex}.renglon-der a{color:var(--rojo);cursor:pointer}.total-fila{justify-content:space-between;align-items:center;padding-top:6px;font-size:1.25rem;display:flex}.total-fila b{color:#58d68d}.total-grande{text-align:center;color:#58d68d;font-size:3rem;font-weight:800}.caja-total{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}input[type=date]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}