*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:#111;color:#f2f2f2;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-tap-highlight-color:transparent}.pantalla{min-height:100vh;padding:16px 16px 48px;display:flex;flex-direction:column;gap:12px}.pantalla-centrada{justify-content:center;align-items:center}h1,h2{color:#fff}.tarjeta{background:#1c1c1c;border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:12px;width:100%;max-width:420px}label{display:flex;flex-direction:column;gap:6px;font-size:14px;color:#ccc}input{background:#2a2a2a;border:1px solid #444;border-radius:8px;color:#fff;padding:14px;font-size:16px}.boton-grande{background:#cc2229;color:#fff;border:none;border-radius:10px;padding:18px;font-size:17px;font-weight:600;min-height:56px;cursor:pointer}.boton-grande:disabled{background:#555;cursor:default}.boton-avanzar{min-width:140px}.grupo-evento{display:flex;flex-direction:column;gap:8px;margin-top:8px}.titulo-grupo-evento{color:#999;font-size:13px;text-transform:uppercase;letter-spacing:.04em;margin-top:8px}.boton-chico{background:#333;color:#fff;border:1px solid #555;border-radius:8px;padding:8px 14px;font-size:14px;cursor:pointer}.boton-chico:disabled{opacity:.5}.error{color:#ff6b6b;margin:0}.mensaje{background:#2a2a2a;border-radius:8px;padding:10px 14px;margin:0;font-size:14px;color:#ddd}.encabezado{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px;border-bottom:1px solid #333}.encabezado strong{font-size:18px}.punto-estado{margin-left:12px;font-size:13px}.en-linea{color:#4caf50}.sin-linea{color:#ff9800}.barra-punto,.barra-sync{display:flex;justify-content:space-between;align-items:center;background:#1c1c1c;border-radius:8px;padding:10px 14px;font-size:14px}.resumen-punto{margin:0;padding:8px 14px;font-size:14px;color:#ccc}.resumen-punto strong{color:#fff;font-size:16px}.lista-bicis{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.tarjeta-bici{background:#1c1c1c;border-radius:10px;padding:14px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.info-bici{display:flex;flex-direction:column;gap:2px;font-size:14px;color:#ccc}.info-bici strong{color:#fff;font-size:15px}.estado-actual{color:#cc2229;font-weight:600}.servicios-bici{color:#e8b923;font-size:13px}.botones-estado{display:flex;flex-direction:column;align-items:stretch;gap:6px}.boton-regresar{background:transparent;border:1px solid #555;color:#aaa}